.spopup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 19999; }
  .spopup .spu-table {
    display: table;
    width: 100%;
    height: 100%; }
    .spopup .spu-table .spu-table-cell {
      display: table-cell;
      vertical-align: middle; }
      .spopup .spu-table .spu-table-cell .spu-wrapper {
        margin: 0 auto;
        width: 86%;
        background-color: #fff;
        border-radius: 5px; }
        .spopup .spu-table .spu-table-cell .spu-wrapper .spu-title {
          background-color: #f23030;
          color: #fff;
          overflow: hidden;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          padding: 10px;
          box-sizing: border-box; }
          .spopup .spu-table .spu-table-cell .spu-wrapper .spu-title h2 {
            float: left;
            font-weight: 500;
            font-size: 18px;
            line-height: 30px; }
          .spopup .spu-table .spu-table-cell .spu-wrapper .spu-title i {
            float: right;
            border: 2px solid #fff;
            font-style: normal;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 28px;
            font-size: 24px; }
        .spopup .spu-table .spu-table-cell .spu-wrapper .spu-content {
          padding: 30px 10px;
          box-sizing: border-box; }
        .spopup .spu-table .spu-table-cell .spu-wrapper .spu-btn {
          width: 100%;
          background-color: whitesmoke;
          border-top: 1px solid #eee;
          overflow: hidden;
          text-align: center;
          box-sizing: border-box;
          padding: 10px;
          border-bottom-left-radius: 5px;
          border-bottom-right-radius: 5px; }
          .spopup .spu-table .spu-table-cell .spu-wrapper .spu-btn > * {
            font-size: 16px;
            padding: 5px 0;
            border-radius: 4px;
            width: 100px;
            color: #333; }
          .spopup .spu-table .spu-table-cell .spu-wrapper .spu-btn .spu-btn-style1 {
            float: left;
            background-color: #fff;
            color: #333;
            display: block;
            border: 1px solid #eee; }
          .spopup .spu-table .spu-table-cell .spu-wrapper .spu-btn .spu-btn-style2 {
            float: right;
            background-color: #f23030;
            color: #fff;
            display: block;
            border: 1px solid #f23030; }
          .spopup .spu-table .spu-table-cell .spu-wrapper .spu-btn .spu-btn-style3 {
            background-color: #f23030;
            color: #fff;
            display: block;
            border: 1px solid #f23030;
            margin: 0 auto; }

.s-popup-toast {
  position: fixed;
  bottom: 30%;
  left: 0;
  text-align: center;
  z-index: 9999;
  width: 100%;
  opacity: 0;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms; }
  .s-popup-toast.active {
    opacity: 1; }
  .s-popup-toast span {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 12px; }

.refund-submit-form {
  box-sizing: border-box; }
  .refund-submit-form > p {
    display: flex;
    margin-bottom: 10px; }
    .refund-submit-form > p label {
      line-height: 33px;
      display: block;
      font-size: 12px; }
    .refund-submit-form > p input,
    .refund-submit-form > p select {
      display: block;
      flex: 1;
      border: 1px solid #eee;
      padding: 8px 5px; }
  .refund-submit-form > span {
    color: #999;
    font-size: 12px; }

.logistics-info {
  padding: 20px 0; }
  .logistics-info > p {
    margin: 10px auto 0 auto; }

/*************************************tyx*********************************************/
* {
  padding: 0;
  margin: 0; }

li {
  list-style-type: none; }

a {
  text-decoration: none; }

html {
  font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #101010; }

.t-gap-box {
  background-color: #f3f5f7;
  width: 100%;
  height: 10px; }

.t-gap-box2 {
  background-color: #f3f5f7;
  width: 100%;
  height: 20px; }

.t-container {
  /*background-color: #f3f5f7;*/
  padding-bottom: 50px; }
  .t-container .t-main .t-header {
    display: table;
    width: 100%;
    height: 100px;
    background: url("../images/t-header.png") center no-repeat;
    background-size: cover; }
    .t-container .t-main .t-header .t-header-box {
      display: table-cell;
      vertical-align: middle;
      position: relative; }
      .t-container .t-main .t-header .t-header-box .WechatCodeID {
        position: absolute;
        right: 16px;
        bottom: 4px;
        color: #fff; }
    .t-container .t-main .t-header .t-head-portrait {
      width: 50px;
      height: 50px;
      float: left;
      margin-left: 10px;
      margin-right: 10px; }
      .t-container .t-main .t-header .t-head-portrait img {
        width: 100%;
        height: 100%;
        border: 4px solid rgba(255, 255, 255, 0.2);
        border-radius: 50%; }
    .t-container .t-main .t-header .t-head-message {
      float: left;
      line-height: 24px;
      color: #fff;
      margin-left: 5px; }
      .t-container .t-main .t-header .t-head-message .PerUsrname:after {
        content: '';
        display: inline-block;
        background: url(../images/pesonal-edit.png);
        width: 16px;
        height: 16px;
        background-size: contain;
        vertical-align: middle;
        margin-left: 4px; }
    .t-container .t-main .t-header .t-head-account {
      /* float: right;
       line-height: 50px;*/
      width: 65px;
      height: 65px;
      position: absolute;
      right: 15px;
      top: 10px; }
      .t-container .t-main .t-header .t-head-account img {
        width: 100%;
        height: 100%; }
      .t-container .t-main .t-header .t-head-account a {
        color: #fff;
        margin-right: 10px; }
        .t-container .t-main .t-header .t-head-account a .t-account-icons {
          display: inline-block;
          width: 8px;
          height: 14px;
          background: url("../images/t-icons-right.png");
          background-size: contain;
          vertical-align: middle;
          margin-left: 5px;
          -webkit-transform: scale(0.8);
          transform: scale(0.8); }
  .t-container .t-main .t-column .t-column-title {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 8px;
    background-color: #fff; }
    .t-container .t-main .t-column .t-column-title p {
      float: left;
      color: #3c3c3c;
      padding-left: 10px;
      font-size: 14px;
      line-height: 24px;
      width: 100px; }
    .t-container .t-main .t-column .t-column-title .t-column-span {
      padding-left: 10px;
      width: 160px;
      height: 24px;
      line-height: 24px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: inline-block;
      color: #b1b1b1;
      border: 0;
      font-size: 14px; }
    .t-container .t-main .t-column .t-column-title a {
      float: right;
      color: #b1b1b1;
      line-height: 24px;
      font-size: 13px; }
      .t-container .t-main .t-column .t-column-title a .t-address-num {
        color: #eb0000; }
      .t-container .t-main .t-column .t-column-title a .t-account-icons {
        display: inline-block;
        width: 8px;
        height: 14px;
        background: url("../images/t-icons-gray-right.png");
        background-size: contain;
        vertical-align: sub;
        margin-left: 5px;
        margin-right: 10px;
        -webkit-transform: scale(0.8);
        transform: scale(0.8); }
  .t-container .t-main .t-column .t-column-content {
    width: 100%;
    background-color: #fff;
    padding-top: 18px;
    padding-bottom: 6px;
    overflow: hidden; }
    .t-container .t-main .t-column .t-column-content ul {
      width: 100%;
      height: 100%; }
      .t-container .t-main .t-column .t-column-content ul li {
        float: left;
        width: 33.3%;
        height: 100%; }
        .t-container .t-main .t-column .t-column-content ul li a {
          display: inline-block;
          width: 100%;
          height: 100%;
          text-align: center;
          color: #3c3c3c;
          font-size: 12px;
          line-height: 24px; }
          .t-container .t-main .t-column .t-column-content ul li a .t-address-num {
            color: #eb0000; }
          .t-container .t-main .t-column .t-column-content ul li a .t-payment {
            display: block;
            width: 26px;
            height: 22px;
            background: url("../images/t-payment.png");
            margin: auto;
            background-size: cover;
            position: relative; }
          .t-container .t-main .t-column .t-column-content ul li a .t-deliver-goods {
            display: block;
            width: 29px;
            height: 22px;
            background: url("../images/t-deliver-goods.png");
            margin: auto;
            background-size: cover;
            position: relative; }
          .t-container .t-main .t-column .t-column-content ul li a .t-receipt-goods {
            display: block;
            width: 26px;
            height: 22px;
            background: url("../images/t-receipt-goods.png");
            margin: auto;
            background-size: cover;
            position: relative; }
          .t-container .t-main .t-column .t-column-content ul li a .t-corner {
            display: inline-block;
            width: 14px;
            height: 14px;
            border: 2px solid #f44d4d;
            border-radius: 50%;
            line-height: 14px;
            position: absolute;
            top: -8px;
            background-color: #f44d4d;
            color: #fff; }
          .t-container .t-main .t-column .t-column-content ul li a .t-img-box {
            /*border: 1px solid #e5e5e5;*/
            padding: 6px;
            margin-right: 6px;
            margin-left: 6px; }
            .t-container .t-main .t-column .t-column-content ul li a .t-img-box .goods-img {
              width: 80px;
              height: 80px;
              border: 1px solid #e6e6e6;
              margin: auto;
              position: relative; }
              .t-container .t-main .t-column .t-column-content ul li a .t-img-box .goods-img .soff-shelf {
                position: absolute;
                left: 0;
                bottom: 0;
                right: 0;
                height: 20px;
                line-height: 20px;
                color: #fff;
                text-align: center;
                z-index: 9;
                font-size: 12px;
                background-color: rgba(0, 0, 0, 0.4); }
              .t-container .t-main .t-column .t-column-content ul li a .t-img-box .goods-img img {
                width: 100%;
                height: 100%; }
          .t-container .t-main .t-column .t-column-content ul li a .goods-name {
            width: 80px;
            margin: auto;
            overflow: hidden;
            word-break: break-all;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: horizontal;
            height: 36px;
            line-height: 18px;
            text-align: left;
            margin-top: 5px; }
          .t-container .t-main .t-column .t-column-content ul li a .goods-price {
            width: 80px;
            margin: auto;
            color: #eb0000;
            font-size: 14px;
            text-align: left; }
  .t-container .t-main .t-second-column {
    /*padding-top: 10px;*/ }

.t-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 44px;
  /*padding-top: 8px;
  padding-bottom: 8px;*/
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  z-index: 4; }
  .t-footer .t-ul-box {
    margin-top: 4px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block; }
    .t-footer .t-ul-box li {
      float: left;
      width: 20%;
      height: 100%; }
      .t-footer .t-ul-box li a {
        display: inline-block;
        width: 100%;
        height: 100%;
        text-align: center;
        color: #999;
        font-size: 12px;
        position: relative; }
        .t-footer .t-ul-box li a span.counts {
          position: absolute;
          display: block;
          font-size: 12px;
          padding: 0 5px;
          border: 1px solid #FFF;
          border-radius: 10px;
          top: 0px;
          left: 50%;
          background-color: #f23030;
          color: #FFF;
          transform: scale(0.7); }
      .t-footer .t-ul-box li .t-classification i {
        display: block;
        width: 20px;
        height: 20px;
        background: url("../images/t-classification.png");
        margin: auto;
        background-size: contain; }
      .t-footer .t-ul-box li .t-home i {
        display: block;
        width: 15px;
        height: 20px;
        background: url("../images/home-off.png") center no-repeat;
        margin: auto;
        background-size: contain; }
      .t-footer .t-ul-box li .t-home i.on {
        background: url("../images/home-on.png") center no-repeat;
        background-size: contain; }
      .t-footer .t-ul-box li .t-coupon i {
        display: block;
        width: 20px;
        height: 20px;
        background: url("../images/t-coupon.png");
        margin: auto;
        background-size: contain; }
      .t-footer .t-ul-box li .t-shopping-cat i {
        display: block;
        width: 22px;
        height: 20px;
        background: url("../images/t-shopping-cat.png");
        margin: auto;
        background-size: cover; }
      .t-footer .t-ul-box li .t-my i {
        display: block;
        width: 20px;
        height: 20px;
        background: url("../images/t-my.png");
        margin: auto;
        background-size: contain; }
      .t-footer .t-ul-box li .t-classification-select {
        color: #101010; }
        .t-footer .t-ul-box li .t-classification-select i {
          display: block;
          width: 20px;
          height: 20px;
          background: url("../images/t-classification-select.png");
          margin: auto;
          background-size: contain; }
      .t-footer .t-ul-box li .t-coupon-select {
        color: #101010; }
        .t-footer .t-ul-box li .t-coupon-select i {
          display: block;
          width: 20px;
          height: 20px;
          background: url("../images/t-coupon-select.png");
          margin: auto;
          background-size: contain; }
      .t-footer .t-ul-box li .t-shopping-cat-select {
        color: #101010; }
        .t-footer .t-ul-box li .t-shopping-cat-select i {
          display: block;
          width: 22px;
          height: 20px;
          background: url("../images/t-shopping-cat-select.png");
          margin: auto;
          background-size: cover; }
      .t-footer .t-ul-box li .t-my-select {
        color: #101010; }
        .t-footer .t-ul-box li .t-my-select i {
          display: block;
          width: 20px;
          height: 20px;
          background: url("../images/t-my-select.png");
          margin: auto;
          background-size: contain; }

.t-container .t-main .t-p-info-header {
  background: #fff;
  /*margin-bottom: 10px;*/
  border-bottom: 1px solid #e5e5e5; }
  .t-container .t-main .t-p-info-header .t-header-box .t-p-info-header-msm {
    color: #b1b1b1; }
  .t-container .t-main .t-p-info-header .t-header-box .t-head-account a .t-account-icons {
    display: inline-block;
    width: 8px;
    height: 14px;
    background: url("../images/t-icons-gray-right.png");
    background-size: contain;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 10px; }
.t-container .t-main .t-column .t-column-title .t-per-span {
  padding-left: 0;
  width: 150px; }

/*@media only screen and (max-width: 375px) {
    .pos-code-img{
        height: 50%;
    }
    .pop-code-content{
        font-size: 12px;
        
    }
    .pop-code-footer-c{
        font-size: 12px;
        line-height: 20px;
    }
    /*.weixin-code-img{
        padding-left: 18px;
    }*/
/*    .code-close:after{
        right: 10px;
        top: 10px;
        width: 16px;
        height: 16px;
    }
}*/
/*@media only screen and (min-width: 375px) and (max-width: 700px){
    .pos-code-img{
        height: 50%;
    }
    .pop-code-content{
        font-size: 16px;
        
    }
    .pop-code-footer-c{
        font-size: 16px;
        line-height: 20px;
    }
    /*.weixin-code-img{
        padding-left: 16px;
    }*/
/*    .code-close:after{
        right: 10px;
        top: 10px;
        width: 16px;
        height: 16px;
    }
}*/
/*@medi*/
/*a only screen and (min-width: 700px) and (max-width: 1000px) {*/
   /* .pop-code-content{
        font-size: 34px;

    }
    .pop-code-footer-c{
        font-size: 24px;
        line-height: 36px;
    }
    .pos-code-img{
        height: 60%;
    }
    .code-close:after{
        right: 14px;
        top: 14px;
        width: 20px;
        height: 20px;
    }*/
/*}*/
/*@media only screen and (min-width: 1000px){
    .pop-code-content{
        font-size: 34px;

    }
    .pop-code-footer-c{
        font-size: 34px;
        line-height: 52px;
    }
    .pos-code-img{
        height: 60%;
        img{
            width: 90%;
        }
    }
    .code-close:after{
        right: 20px;
        top: 20px;
        width: 30px;
        height: 30px;
    }
}*/
.pos-code-img {
  width: 290px;
  background: #fff;
  position: fixed;
  border-radius: 10px;
  z-index: 10;
  margin-top: -145px;
  margin-left: -145px;
  left: 50%;
  top: 50%;
  height: 290px; }
  .pos-code-img .code-close:after {
    content: "";
    display: inline-block;
    background: url("../images/code-close.png");
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    width: 14px;
    height: 14px;
    right: 10px;
    top: 10px; }
  .pos-code-img .pop-code-content {
    height: 78%;
    padding: 30px 30px 0 30px;
    text-align: center;
    color: #333;
    word-break: break-all; }
    .pos-code-img .pop-code-content .pcc-title {
      padding-bottom: 6px;
      padding-top: 6px; }
    .pos-code-img .pop-code-content .code-img-group {
      display: table;
      width: 100%; }
      .pos-code-img .pop-code-content .code-img-group .code-img-box {
        display: inline-block;
        width: 118px; }
      .pos-code-img .pop-code-content .code-img-group .wechat-code-img-box {
        display: inline-block;
        width: 118px; }
      .pos-code-img .pop-code-content .code-img-group .weixin-code-img {
        display: table-cell;
        width: 72px;
        vertical-align: middle; }
  .pos-code-img .pop-code-footer {
    display: table;
    position: absolute;
    bottom: 0;
    height: 22%;
    width: 290px;
    background-color: #f3f3f3;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
    .pos-code-img .pop-code-footer .pop-code-footer-c {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      color: #333; }

.t-container .t-main .pos-modul {
  position: fixed; }
  .t-container .t-main .pos-modul .pos-img {
    width: 180px;
    height: 180px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin-top: -90px;
    margin-left: -90px;
    z-index: 10px; }
    .t-container .t-main .pos-modul .pos-img img {
      width: 100%;
      height: 100%; }
.t-container .t-main .t-order-tab {
  border-bottom: 1px solid #ddd;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99;
  background-color: #fff; }
  .t-container .t-main .t-order-tab .t-order-tab-ul {
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    height: 40px; }
    .t-container .t-main .t-order-tab .t-order-tab-ul .tab-slide {
      text-align: center;
      line-height: 40px;
      width: 19%; }
      .t-container .t-main .t-order-tab .t-order-tab-ul .tab-slide a {
        color: #101010; }
        .t-container .t-main .t-order-tab .t-order-tab-ul .tab-slide a .t-corner {
          width: 18px;
          height: 18px;
          line-height: 18px;
          background-color: #f23030;
          border-radius: 50%;
          color: #fff;
          position: absolute;
          top: -7px;
          right: -10px;
          text-align: center;
          font-size: 12px;
          -webkit-transform: scale(0.8);
          font-style: normal; }
        .t-container .t-main .t-order-tab .t-order-tab-ul .tab-slide a .tabs-span {
          position: relative;
          font-size: 13px; }
      .t-container .t-main .t-order-tab .t-order-tab-ul .tab-slide .t-order-tab-ul-li {
        text-align: center;
        line-height: 40px; }
        .t-container .t-main .t-order-tab .t-order-tab-ul .tab-slide .t-order-tab-ul-li .tabs-span {
          border-bottom: 1px solid #f23030;
          padding-bottom: 12px;
          color: #f23030; }
.t-container .t-main .t-whole-main {
  /*background-color: #f6f5f3;*/
  width: 100%; }
  .t-container .t-main .t-whole-main .t-whole-goods-item:first-child {
    border-top: 0; }
  .t-container .t-main .t-whole-main .verifyCoupon-wrap {
    width: 96%;
    line-height: 60px;
    background: #fff;
    margin: 0 auto;
    display: flex; }
    .t-container .t-main .t-whole-main .verifyCoupon-wrap label {
      color: #eb0000;
      width: 60px;
      margin-left: 10px;
      flex: none; }
    .t-container .t-main .t-whole-main .verifyCoupon-wrap .input-group {
      flex: 1;
      display: flex; }
    .t-container .t-main .t-whole-main .verifyCoupon-wrap input {
      flex: 1;
      height: 26px;
      width: 60%;
      border: 1px solid #eee;
      margin-top: 15px;
      padding: 0 10px;
      outline: none; }
    .t-container .t-main .t-whole-main .verifyCoupon-wrap input.fail {
      background-color: #FFE5E5;
      color: #eb0000; }
    .t-container .t-main .t-whole-main .verifyCoupon-wrap .coupon {
      display: inline-block;
      width: 60%;
      flex: 1; }
    .t-container .t-main .t-whole-main .verifyCoupon-wrap button.verify {
      flex: none;
      width: 60px;
      background-color: #fff;
      border: 1px solid #eee;
      height: 28px;
      margin-top: 15px;
      margin-right: 10px;
      border-left: none;
      outline: none; }
    .t-container .t-main .t-whole-main .verifyCoupon-wrap button.edit {
      outline: none;
      flex: none;
      width: 60px;
      background-color: #fff;
      border: 1px solid #eee;
      height: 28px;
      margin-top: 15px;
      margin-right: 10px; }
  .t-container .t-main .t-whole-main .t-whole-goods-item {
    /*border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;*/
    /*margin-bottom: 20px;*/ }
    .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-header {
      padding: 12px 0 4px 10px;
      background-color: #fff;
      font-size: 15px; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-header .t-my-order-icon {
        display: inline-block;
        width: 20px;
        height: 16px;
        background: url("../images/t-icon-dianpu.png");
        background-size: contain;
        vertical-align: middle; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-header .header-icons {
        border: 1px solid #f23030;
        text-align: center;
        color: #f23030;
        font-size: 12px;
        padding: 0 3px; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-header p {
        display: inline-block;
        font-size: 12px; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-header span {
        color: #e81f18;
        float: right;
        padding-right: 10px;
        font-size: 14px;
        margin-top: 3px; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .order-mun {
      background-color: #fff;
      padding-bottom: 6px;
      font-size: 12px; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .order-mun p {
        display: inline-block;
        color: #999;
        padding-left: 10px; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .order-mun span {
        float: right;
        color: #999;
        padding-right: 10px; }
    .t-container .t-main .t-whole-main .t-whole-goods-item a {
      margin-bottom: 1px;
      display: block; }
      .t-container .t-main .t-whole-main .t-whole-goods-item a .t-whole-content {
        display: -webkit-box;
        display: -moz-box;
        display: -o-box;
        display: box;
        background: #f1f1f1;
        padding: 10px;
        position: relative; }
        .t-container .t-main .t-whole-main .t-whole-goods-item a .t-whole-content .t-whole-pic {
          width: 80px;
          height: 80px; }
          .t-container .t-main .t-whole-main .t-whole-goods-item a .t-whole-content .t-whole-pic img {
            max-width: 100%;
            max-height: 100%; }
        .t-container .t-main .t-whole-main .t-whole-goods-item a .t-whole-content .t-box-flex {
          width: 45%;
          padding: 10px 0 10px 10px; }
          .t-container .t-main .t-whole-main .t-whole-goods-item a .t-whole-content .t-box-flex strong {
            color: #333333;
            overflow: hidden;
            word-break: normal;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
          .t-container .t-main .t-whole-main .t-whole-goods-item a .t-whole-content .t-box-flex p {
            padding: 10px 0 0 0;
            color: #898989;
            overflow: hidden;
            word-break: normal;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
        .t-container .t-main .t-whole-main .t-whole-goods-item a .t-whole-content .t-box-right {
          position: absolute;
          padding: 10px 0 10px 0;
          right: 6px; }
          .t-container .t-main .t-whole-main .t-whole-goods-item a .t-whole-content .t-box-right span {
            color: #101010; }
          .t-container .t-main .t-whole-main .t-whole-goods-item a .t-whole-content .t-box-right p {
            padding: 10px 0 0 10px;
            position: absolute;
            right: 0;
            color: #898989; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-footer {
      /*padding: 10px 0;*/
      padding-top: 10px;
      text-align: right;
      background-color: #fff;
      position: relative; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-footer p {
        font-size: 14px;
        padding: 5px 10px 15px 10px;
        border-bottom: 1px solid #e5e5e5; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-footer .btn-group {
        padding-bottom: 10px; }
        .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-footer .btn-group a {
          margin-top: 10px;
          color: #101010;
          border: 1px solid #d8d8d8;
          border-radius: 4px;
          background-color: #fff;
          margin-right: 10px;
          display: inline-block;
          font-size: 14px;
          width: 66px;
          text-align: center;
          padding: 4px 10px; }
        .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-footer .btn-group .lineDownPay {
          border: 1px solid #333;
          color: #333;
          width: 70px;
          vertical-align: bottom; }
        .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-footer .btn-group .offlineSpan {
          display: inline-block;
          width: 124px;
          padding-right: 10px; }
        .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-footer .btn-group .payBtnGroup {
          background-color: #f23030;
          color: #fff; }
        .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-footer .btn-group .active {
          color: #f23030;
          border: 1px solid #f23030; }
        .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-footer .btn-group .posPay {
          width: 68px;
          color: #fcb700;
          border: 1px solid #fcb700; }
        .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-footer .btn-group .hide {
          display: none; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-footer .isShowFooterModel {
        position: absolute;
        bottom: 51px;
        width: 100%;
        background-color: #fff;
        text-align: right;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-whole-footer .isShowFooterModel:after {
        content: '';
        display: inline-block;
        background: url(../images/sanjiaoI-con.png) no-repeat;
        width: 12px;
        height: 12px;
        position: absolute;
        bottom: -12px;
        background-size: contain;
        right: 48px; }

.t-container .t-main .t-order-details-main {
  padding-top: 0; }
  .t-container .t-main .t-order-details-main .t-whole-goods-item .t-whole-footer .t-footer-total {
    color: #eb0000;
    padding-left: 20px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: none; }
  .t-container .t-main .t-order-details-main .t-logistic-status-item {
    background-color: #fff;
    padding-left: 30px;
    padding-top: 20px; }
    .t-container .t-main .t-order-details-main .t-logistic-status-item ul {
      /*padding-bottom: 10px;*/
      padding-left: 40px;
      position: relative; }
      .t-container .t-main .t-order-details-main .t-logistic-status-item ul li {
        color: #999;
        border-bottom: 1px solid #d6d6d6;
        line-height: 28px; }
        .t-container .t-main .t-order-details-main .t-logistic-status-item ul li i {
          display: inline-block;
          width: 10px;
          height: 10px;
          background-color: #d6d6d6;
          border-radius: 50%;
          position: absolute;
          left: -4px; }
        .t-container .t-main .t-order-details-main .t-logistic-status-item ul li p {
          line-height: 26px; }
      .t-container .t-main .t-order-details-main .t-logistic-status-item ul li:last-child {
        border-bottom: none; }
      .t-container .t-main .t-order-details-main .t-logistic-status-item ul li:first-child {
        color: #f23030; }
        .t-container .t-main .t-order-details-main .t-logistic-status-item ul li:first-child i {
          width: 20px;
          height: 20px;
          background-color: #fcd6d6;
          left: -10px; }
          .t-container .t-main .t-order-details-main .t-logistic-status-item ul li:first-child i em {
            display: inline-block;
            width: 14px;
            height: 14px;
            background-color: #f23030;
            border-radius: 50%;
            position: absolute;
            left: 3px;
            top: 3px; }
    .t-container .t-main .t-order-details-main .t-logistic-status-item ul:before {
      content: '';
      display: inline-block;
      border-left: 1px solid #d6d6d6;
      height: 100%;
      position: absolute;
      left: 0; }
    .t-container .t-main .t-order-details-main .t-logistic-status-item .t-input-group {
      display: table;
      padding-bottom: 6px;
      color: #999; }
      .t-container .t-main .t-order-details-main .t-logistic-status-item .t-input-group label {
        /*display: inline-block;*/
        text-align: left;
        display: table-cell;
        vertical-align: middle;
        width: 88px; }
      .t-container .t-main .t-order-details-main .t-logistic-status-item .t-input-group span {
        display: inline-block;
        word-break: break-all; }

.t-footer {
  text-align: right;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
  .t-footer .t-btn {
    margin-top: 8px;
    color: #101010;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 10px;
    display: inline-block;
    font-size: 14px;
    width: 66px;
    text-align: center;
    padding: 4px 10px; }
  .t-footer .lineDownPay {
    border: 1px solid #333;
    color: #333;
    width: 70px;
    vertical-align: bottom; }
  .t-footer .payBtnGroup {
    background-color: #f23030;
    color: #fff; }
  .t-footer .offlineSpan {
    display: inline-block;
    width: 124px;
    padding-right: 10px; }
  .t-footer a.active {
    color: #f23030;
    border: 1px solid #f23030; }
  .t-footer a.posPay {
    width: 68px;
    color: #fcb700;
    border: 1px solid #fcb700; }
  .t-footer a.hide {
    display: none; }

.t-footer-model {
  bottom: 44px;
  z-index: 5; }

.t-footer-model:after {
  content: '';
  display: inline-block;
  background: url(../images/sanjiaoI-con.png) no-repeat;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -12px;
  background-size: contain;
  right: 48px; }

.t-container .t-main .t-order-details-main .t-rg {
  padding-bottom: 10px; }
.t-container .t-main .t-order-details-main .t-return-goods-item {
  /*padding-bottom: 20px;*/
  background-color: #fff; }
  .t-container .t-main .t-order-details-main .t-return-goods-item .t-whole-header {
    border-bottom: 1px solid #e5e5e5; }
  .t-container .t-main .t-order-details-main .t-return-goods-item .return-money-group {
    display: table; }
  .t-container .t-main .t-order-details-main .t-return-goods-item .t-input-group {
    padding-left: 24px;
    padding-top: 10px; }
    .t-container .t-main .t-order-details-main .t-return-goods-item .t-input-group .t-input-lable i {
      display: inline-block;
      width: 16px;
      height: 16px;
      line-height: 16px;
      border-radius: 50%;
      border: 1px solid #9b9da6;
      text-align: center;
      vertical-align: middle;
      margin-right: 8px; }
    .t-container .t-main .t-order-details-main .t-return-goods-item .t-input-group .t-input-lable i.active {
      border: 1px solid #f23030; }
      .t-container .t-main .t-order-details-main .t-return-goods-item .t-input-group .t-input-lable i.active em {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #f23030;
        margin: 3px auto 0 auto; }
    .t-container .t-main .t-order-details-main .t-return-goods-item .t-input-group .t-input-lable span {
      color: #999; }
    .t-container .t-main .t-order-details-main .t-return-goods-item .t-input-group .t-input-select {
      width: 92%;
      height: 30px;
      border: 1px solid #e5e5e5; }
    .t-container .t-main .t-order-details-main .t-return-goods-item .t-input-group textarea {
      width: 92%;
      height: 70px;
      border: 1px solid #e5e5e5;
      resize: none;
      margin-top: 6px;
      border-radius: 2px; }
    .t-container .t-main .t-order-details-main .t-return-goods-item .t-input-group .am-input {
      width: 130px;
      height: 30px;
      border: 1px solid #e5e5e5;
      border-radius: 2px;
      padding-left: 10px;
      display: table-cell;
      vertical-align: middle; }
    .t-container .t-main .t-order-details-main .t-return-goods-item .t-input-group .amount-of-money {
      width: 140px;
      padding-left: 8px;
      display: table-cell;
      vertical-align: middle;
      word-break: break-all;
      color: #f23030; }
    .t-container .t-main .t-order-details-main .t-return-goods-item .t-input-group .refund-d-text {
      width: 92%;
      height: 150px;
      border: 1px solid #e5e5e5;
      resize: none;
      margin-top: 6px;
      border-radius: 2px;
      padding-left: 10px;
      padding-top: 10px; }
  .t-container .t-main .t-order-details-main .t-return-goods-item .rg-file ul {
    padding: 10px 10px 10px 0; }
    .t-container .t-main .t-order-details-main .t-return-goods-item .rg-file ul li {
      float: left;
      width: 23%;
      height: 70px;
      margin: 0 1%;
      box-sizing: border-box; }
      .t-container .t-main .t-order-details-main .t-return-goods-item .rg-file ul li a {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center; }
        .t-container .t-main .t-order-details-main .t-return-goods-item .rg-file ul li a input {
          opacity: 0;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          z-index: 3; }
        .t-container .t-main .t-order-details-main .t-return-goods-item .rg-file ul li a span {
          position: absolute;
          font-size: 50px;
          color: #e5e5e5;
          z-index: 1;
          left: 50%;
          margin-left: -25px;
          width: 50px;
          text-align: center; }
      .t-container .t-main .t-order-details-main .t-return-goods-item .rg-file ul li .up-img {
        width: 100%;
        height: 100%;
        z-index: 2; }
  .t-container .t-main .t-order-details-main .t-return-goods-item .rg-file ul:after {
    content: '';
    display: block;
    clear: both; }

.return-footer .form-btn {
  width: 100%;
  height: 100%;
  background-color: #f23030;
  color: #fff;
  padding: 0;
  font-size: 16px;
  border: none;
  line-height: 44px; }
.return-footer .form-btn-a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #f23030;
  color: #fff;
  padding: 0;
  font-size: 16px;
  text-align: center;
  line-height: 44px; }
  .return-footer .form-btn-a .icon-add {
    font-size: 18px;
    padding-right: 4px; }

.t-container .t-main .t-order-details-main .t-whole-goods-item .t-input-group {
  color: #999; }
.t-container .t-main .t-order-details-main .t-return-goods-datails-item {
  margin-bottom: 0;
  border-bottom: 0;
  font-size: 12px; }
  .t-container .t-main .t-order-details-main .t-return-goods-datails-item li {
    line-height: 20px !important; }

.cmc-body {
  background-color: #f1f1f1; }

.t-container .t-main .t-order-tab .t-order-tab-ul .cmc-tab-slide {
  width: 25%; }
.t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content {
  background-color: #fff;
  padding: 0;
  margin: 0 auto;
  height: 80px;
  /*display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;*/
  position: relative;
  display: table;
  width: 96%;
  /*  .t-expire:after {
      content: '';
      display: inline-block;
      background: url('../images/t-expire.png');
      position: absolute;
      background-size: cover;
      width: 40px;
      height: 40px;
      left: 0px;
      top: 0px;
  }*/ }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-cmc-pic {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    width: 80px;
    height: 80px;
    overflow: hidden; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-cmc-pic p {
      color: #fff; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-cmc-pic p .t-ss-big {
        font-size: 22px; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-cmc-pic p .t-ss-small {
        font-size: 12px; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-self-support {
    background-color: #fa8385; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-self-support:before {
    content: '';
    display: inline-block;
    background: url("../images/t-coupon-left.png") repeat top left;
    width: 6px;
    height: 84px;
    position: absolute;
    left: 0;
    top: -4px; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-expire {
    /*background-color: #5b2bcd;*/
    /*width: 40px;
    height: 16px;
    text-align: right;
    line-height: 16px;
    position: absolute;
    top: 4px;
    left: -2px;
    font-size: 12px;
    width: 60px;*/ }
    .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-expire .e-icon {
      display: inline-block;
      /*background: url('../images/t-expire.png');*/
      background-color: rgba(126, 102, 102, 0.7);
      position: absolute;
      background-size: cover;
      width: 80px;
      left: -18px;
      top: 10px;
      font-size: 12px;
      transform: rotate(-45deg);
      line-height: 20px; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-settled-merchants {
    background-color: #ffbe31; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-settled-merchants:before {
    content: '';
    display: inline-block;
    background: url("../images/t-settled-merchants.png") repeat top left;
    width: 6px;
    height: 84px;
    position: absolute;
    left: 0;
    top: -4px; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-cash-coupon {
    background-color: #74d2d4; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-cash-coupon:before {
    content: '';
    display: inline-block;
    background: url("../images/t-coupon-left.png") repeat top left;
    width: 6px;
    height: 84px;
    position: absolute;
    left: 0;
    top: -4px; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-already-use {
    background-color: #ccc; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-already-use:before {
    content: '';
    display: inline-block;
    background: url("../images/t-coupon-left.png") repeat top left;
    width: 6px;
    height: 84px;
    position: absolute;
    left: 0;
    top: -4px; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-cmc-box {
    padding: 4px;
    /*width: 45%;*/
    vertical-align: middle;
    display: table-cell; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-cmc-box .t-cmc-title {
      color: #eb0000;
      font-size: 18px;
      font-weight: bold; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-cmc-box .t-y-cmc-title {
      color: #ffa200; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-cmc-box .t-b-cmc-title {
      color: #333; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-cmc-box strong {
      font-size: 12px;
      word-break: break-all;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      padding-bottom: 8px; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-cmc-box p {
      padding: 0;
      font-size: 12px;
      word-break: break-all;
      color: #898989;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-box-right {
    width: 80px;
    /*height: 80px;*/
    padding: 0;
    text-align: center;
    border-left: 1px dashed #e5e5e5;
    position: relative;
    right: 0;
    vertical-align: middle;
    text-align: center;
    display: table-cell; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-box-right button {
      display: inline-block;
      width: 66px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      border: none;
      background-color: #fff;
      border-radius: 8px; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-box-right .t-cmc-del {
      margin-top: 8px; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-box-right .t-self-support-btn {
      color: #fa8385;
      border: 1px solid #fa8385; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-box-right .t-settled-merchants-btn {
      color: #ffbe31;
      border: 1px solid #ffbe31; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-box-right .t-cash-coupon-btn {
      color: #74d2d4;
      border: 1px solid #74d2d4; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-box-right:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #f1f1f1;
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top: -10px; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-box-right:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #f1f1f1;
    border-radius: 50%;
    position: absolute;
    left: -10px;
    bottom: -10px; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-au-box-right i {
    display: inline-block;
    background: url("../images/t-already-use.png") no-repeat center center;
    width: 60px;
    height: 60px;
    background-size: contain;
    vertical-align: middle; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-expired-right i {
    display: inline-block;
    background: url("../images/t-expired.png") no-repeat center center;
    width: 60px;
    height: 60px;
    background-size: contain;
    vertical-align: middle; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-deleted-right i {
    display: inline-block;
    background: url("../images/t-deleted.png") no-repeat center left;
    width: 60px;
    height: 60px;
    background-size: contain;
    position: absolute;
    left: -40px;
    top: 10px; }
  .t-container .t-main .t-whole-main .t-whole-goods-item .couItemA .t-cmc-w-content .t-deleted-right .t-deleted-btn {
    width: 70px;
    background-color: #b93c3c;
    color: #fff;
    font-size: 12px; }

.t-container .t-main .t-order-tab .t-order-tab-ul .ccc-tab-slide {
  width: 25%; }
.t-container .t-main .t-whole-main .t-whole-goods-item {
  /*a {*/
  /*.t-cc-center-content:after {
          content: '';
          display: inline-block;
          background: url("../images/t-c-cc2.png") repeat;
          width: 3px;
          height: 80px;
          position: absolute;
          right: 0;
          top: 0;
      }*/
  /*}*/ }
  .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content {
    background-color: #fff;
    padding: 0;
    height: 90px;
    /*display: -webkit-box;
        display: -moz-box;
        display: -o-box;
        display: box;*/
    position: relative;
    display: table;
    width: 96%;
    margin: 0 auto; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-ccc-box {
      /*width: 60%;*/
      /*padding: 0 0 0 20px;*/
      display: table-cell;
      vertical-align: middle;
      text-align: left;
      padding-left: 20px;
      /*height: 80px;*/ }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-ccc-box .t-cmc-title {
        color: #fa8385;
        /*padding-top: 10px;*/ }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-ccc-box .t-yellow-title {
        color: #ffa200; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-ccc-box .t-cash-title {
        color: #5ad6d9; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-ccc-box h3 {
        font-size: 16px;
        word-break: break-all;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding-bottom: 8px; }
        .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-ccc-box h3 .t-ss-small {
          font-weight: 200; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-ccc-box p {
        padding: 0;
        font-size: 12px;
        word-break: break-all;
        color: #898989;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-ccc-box:before {
      content: '';
      display: inline-block;
      background: url("../images/t-c-cc1.png") repeat;
      width: 4px;
      height: 80px;
      position: absolute;
      left: 0;
      top: 0; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-cc-box-right {
      position: relative;
      display: table-cell;
      vertical-align: middle;
      width: 100px;
      height: 80px;
      padding: 0;
      text-align: center;
      border-left: 1px dashed #e5e5e5;
      background-color: #fa8385;
      right: 0; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-cc-box-right button {
        width: 78px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        border: none;
        background-color: #fff;
        border-radius: 15px;
        font-size: 12px;
        margin-top: 6px; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-cc-box-right .t-already-receive-btn {
        top: 52px;
        color: #fff;
        /*border: 1px solid #552bcd;*/
        background-color: rgba(126, 102, 102, 0.7);
        position: absolute;
        left: 14px;
        width: 70px;
        height: 20px;
        border-radius: 8px;
        line-height: 20px;
        font-size: 12px; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-cc-box-right p {
        color: #fff; }
        .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-cc-box-right p .t-ss-big {
          font-size: 22px; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-cc-box-right .t-self-support-btn {
        color: #fa8385;
        border: 1px solid #fa8385; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-yellow-box-right {
      background-color: #ffbe31; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-yellow-box-right .t-yellow-btn {
        color: #ffbe31;
        border: 1px solid #ffbe31; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-box-right-cash {
      background-color: #5ad6d9; }
      .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-box-right-cash .t-cash-btn {
        color: #5ad6d9;
        border: 1px solid #5ad6d9; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-yellow-right-order {
      display: inline-block;
      background: url("../images/t-c-cc3.png") repeat;
      width: 3px;
      height: 80px;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 2; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-red-right-order {
      content: '';
      display: inline-block;
      background: url("../images/t-c-cc2.png") repeat;
      width: 3px;
      height: 80px;
      position: absolute;
      right: 0;
      top: 0; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-cc-box-right:before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-color: #f1f1f1;
      border-radius: 50%;
      position: absolute;
      left: -10px;
      top: -10px; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-cc-box-right:after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-color: #f1f1f1;
      border-radius: 50%;
      position: absolute;
      left: -10px;
      bottom: -10px; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-already-receive-right p {
      position: absolute;
      width: 100%;
      top: 34px; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-already-receive-right i {
      display: inline-block;
      background: url("../images/t-already-receive.png") no-repeat;
      width: 60px;
      height: 60px;
      background-size: contain;
      vertical-align: middle; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-have-finished-right i {
      display: inline-block;
      background: url("../images/t-have-finished.png") no-repeat;
      width: 60px;
      height: 60px;
      background-size: contain;
      vertical-align: middle; }
    .t-container .t-main .t-whole-main .t-whole-goods-item .t-cc-center-content .t-have-finished-right .t-have-finished-btn {
      margin-top: 52px;
      color: #999;
      border: 1px solid #fff;
      background-color: #fff;
      position: absolute;
      left: 14px; }

.t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content {
  background-color: #fff;
  padding: 0;
  height: 80px;
  display: table;
  width: 96%;
  margin: 0 auto; }
  .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-group {
    display: table-cell;
    height: 80px;
    vertical-align: middle;
    width: 68%; }
    .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-group .clp-icons {
      display: table-cell; }
      .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-group .clp-icons i {
        display: inline-block;
        width: 16px;
        height: 16px;
        border: 1px solid #979797;
        border-radius: 50%;
        position: relative;
        margin-right: 10px;
        vertical-align: top;
        margin-top: 12px;
        margin-left: 20px; }
      .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-group .clp-icons i.active {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-color: #f23030;
        border: 1px solid #f23030;
        border-radius: 50%;
        position: relative;
        margin-right: 10px;
        vertical-align: top;
        margin-top: 12px;
        margin-left: 20px; }
        .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-group .clp-icons i.active em {
          display: inline-block;
          position: absolute;
          width: 6px;
          height: 2px;
          background: #fff;
          line-height: 0;
          font-size: 0;
          vertical-align: middle;
          -webkit-transform: rotate(45deg);
          right: 8px;
          top: 10px; }
        .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-group .clp-icons i.active em:after {
          content: '/';
          display: block;
          width: 12px;
          height: 2px;
          background: #fff;
          -webkit-transform: rotate(-90deg) translateY(-50%) translateX(50%); }
      .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-group .clp-icons i.checkboxActive {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-color: #74d2d4;
        border: 1px solid #74d2d4;
        border-radius: 50%;
        position: relative;
        margin-right: 10px;
        vertical-align: top;
        margin-top: 12px;
        margin-left: 20px; }
        .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-group .clp-icons i.checkboxActive em {
          display: inline-block;
          position: absolute;
          width: 6px;
          height: 2px;
          background: #fff;
          line-height: 0;
          font-size: 0;
          vertical-align: middle;
          -webkit-transform: rotate(45deg);
          right: 8px;
          top: 10px; }
        .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-group .clp-icons i.checkboxActive em:after {
          content: '/';
          display: block;
          width: 12px;
          height: 2px;
          background: #fff;
          -webkit-transform: rotate(-90deg) translateY(-50%) translateX(50%); }
      .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-group .clp-icons i.y-active.checkboxActive {
        background-color: #fa8385;
        border: 1px solid #fa8385; }
    .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-group .p-group {
      display: table-cell; }
      .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-group .p-group .t-cmc-title {
        color: #fa8385;
        font-size: 18px;
        font-weight: 700; }
      .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-group .p-group .t-r-title {
        color: #74d2d4;
        font-size: 18px;
        font-weight: 700; }
      .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-group .p-group p {
        padding: 0; }
  .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-group:before {
    content: '';
    display: inline-block;
    background: url(../images/t-c-cc1.png) repeat;
    width: 4px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0; }
  .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-box-right {
    width: 100px;
    height: 80px;
    padding: 0;
    text-align: center;
    background-color: #74d2d4;
    display: table-cell;
    vertical-align: middle; }
    .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-box-right p {
      color: #fff; }
      .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-box-right p .t-ss-big {
        font-size: 22px; }
      .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-box-right p .t-ss-small {
        font-size: 12px;
        color: #fff; }
  .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-clp-box-right:after {
    content: '';
    display: inline-block;
    background: url("../images/t-c-ccbulue.png") repeat;
    width: 6px;
    height: 80px;
    position: absolute;
    right: -6px;
    top: 0; }
  .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-yellow-box-right {
    background-color: #fa8385; }
  .t-container .t-main .t-whole-main .t-whole-goods-item a .t-clp-content .t-yellow-box-right:after {
    display: inline-block;
    background: url("../images/t-c-ccred.png") repeat;
    width: 6px;
    height: 80px;
    position: absolute;
    right: -6px;
    top: 0;
    /*z-index: 999;*/ }
.t-container .t-main .t-whole-main .t-whole-goods-item .disabled .t-clp-content .t-clp-group .p-group .t-r-title {
  color: #aaa; }
.t-container .t-main .t-whole-main .t-whole-goods-item .disabled .t-clp-content .t-clp-group .p-group .t-cmc-title {
  color: #aaa; }
.t-container .t-main .t-whole-main .t-whole-goods-item .disabled .t-clp-content .t-clp-group .p-group p {
  color: #aaa; }
.t-container .t-main .t-whole-main .t-whole-goods-item .disabled .t-clp-content .t-clp-box-right {
  background-color: #ddd;
  color: #aaa; }
.t-container .t-main .t-whole-main .t-whole-goods-item .disabled .t-clp-content .t-clp-box-right:after {
  display: inline-block;
  background: url("../images/t-c-cc4.png") repeat;
  width: 6px;
  height: 80px;
  position: absolute;
  right: -6px;
  top: 0;
  /*z-index: 999;*/ }

.rgd-footer {
  padding: 0;
  height: 40px;
  display: flex; }
  .rgd-footer .t-rgd-btn {
    display: block;
    background-color: #fff;
    color: #101010;
    text-align: center;
    line-height: 40px;
    flex: 1; }
    .rgd-footer .t-rgd-btn.sfull {
      width: 100%; }
  .rgd-footer a.active {
    background-color: #f23030;
    color: #fff; }

.t-my-attr-container {
  margin-bottom: 60px; }
  .t-my-attr-container .t-my-att-main .show-modal {
    position: fixed;
    top: 47px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(102, 102, 102, 0.4);
    z-index: 99; }
    .t-my-attr-container .t-my-att-main .show-modal .t-modal {
      background: #fff;
      width: 100%;
      height: 200px; }
      .t-my-attr-container .t-my-att-main .show-modal .t-modal ul {
        float: left;
        width: 100%;
        height: 100%; }
        .t-my-attr-container .t-my-att-main .show-modal .t-modal ul li {
          padding: 20px 10px 0 10px;
          box-sizing: border-box;
          float: left;
          width: 50%; }
          .t-my-attr-container .t-my-att-main .show-modal .t-modal ul li a {
            color: #101010; }
            .t-my-attr-container .t-my-att-main .show-modal .t-modal ul li a .active {
              color: #f23030; }
              .t-my-attr-container .t-my-att-main .show-modal .t-modal ul li a .active i {
                display: inline-block;
                position: absolute;
                width: 6px;
                height: 2px;
                background: #f23030;
                line-height: 0;
                font-size: 0;
                vertical-align: middle;
                -webkit-transform: rotate(45deg);
                right: 16px;
                top: 11px; }
              .t-my-attr-container .t-my-att-main .show-modal .t-modal ul li a .active i:after {
                content: '/';
                display: block;
                width: 12px;
                height: 2px;
                background: #f23030;
                -webkit-transform: rotate(-90deg) translateY(-50%) translateX(50%); }
            .t-my-attr-container .t-my-att-main .show-modal .t-modal ul li a .commonActive {
              color: #101010; }
              .t-my-attr-container .t-my-att-main .show-modal .t-modal ul li a .commonActive i {
                display: none; }
            .t-my-attr-container .t-my-att-main .show-modal .t-modal ul li a label {
              display: inline-block;
              position: relative;
              width: 100%; }
            .t-my-attr-container .t-my-att-main .show-modal .t-modal ul li a input {
              display: none; }
  .t-my-attr-container .t-my-att-main .t-my-att-header {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #d6d6d6;
    background-color: #fff;
    /*position: fixed;*/
    width: 100%;
    /*left: 0;
    right: 0;*/ }
    .t-my-attr-container .t-my-att-main .t-my-att-header .p-left {
      float: left;
      padding-left: 26px; }
      .t-my-attr-container .t-my-att-main .t-my-att-header .p-left p {
        display: inline-block;
        color: #101010; }
      .t-my-attr-container .t-my-att-main .t-my-att-header .p-left .left-icons {
        margin-top: 16px;
        margin-left: 2px; }
        .t-my-attr-container .t-my-att-main .t-my-att-header .p-left .left-icons i {
          display: block;
          width: 0;
          height: 0;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-bottom: 4px solid #999;
          margin-bottom: 2px; }
        .t-my-attr-container .t-my-att-main .t-my-att-header .p-left .left-icons i.active {
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-bottom: 4px solid #f23030; }
        .t-my-attr-container .t-my-att-main .t-my-att-header .p-left .left-icons em {
          display: block;
          width: 0;
          height: 0;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: 4px solid #999; }
        .t-my-attr-container .t-my-att-main .t-my-att-header .p-left .left-icons em.active {
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: 4px solid #f23030; }
    .t-my-attr-container .t-my-att-main .t-my-att-header .p-right {
      float: right;
      padding-right: 10px; }
      .t-my-attr-container .t-my-att-main .t-my-att-header .p-right p {
        display: inline-block;
        color: #101010; }
      .t-my-attr-container .t-my-att-main .t-my-att-header .p-right .left-icons {
        /*margin-top: 16px;*/
        margin-left: 2px;
        vertical-align: middle; }
        .t-my-attr-container .t-my-att-main .t-my-att-header .p-right .left-icons i {
          display: block;
          width: 0;
          height: 0;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: 4px solid #999; }
        .t-my-attr-container .t-my-att-main .t-my-att-header .p-right .left-icons i.active {
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: 4px solid #f23030; }
  .t-my-attr-container .t-my-att-main .t-my-att-content {
    background-color: #fff;
    /*padding-top: 47px;*/ }
    .t-my-attr-container .t-my-att-main .t-my-att-content ul li {
      /*padding: 10px;*/
      padding: 10px 0;
      overflow: hidden;
      border-bottom: 1px solid #eee;
      margin: 0 10px; }
      .t-my-attr-container .t-my-att-main .t-my-att-content ul li .left-img {
        float: left;
        width: 80px;
        height: 80px;
        position: relative; }
        .t-my-attr-container .t-my-att-main .t-my-att-content ul li .left-img .soff-shelf {
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          height: 20px;
          line-height: 20px;
          color: #fff;
          font-size: 12px;
          text-align: center;
          background-color: rgba(0, 0, 0, 0.4);
          z-index: 9; }
        .t-my-attr-container .t-my-att-main .t-my-att-content ul li .left-img img {
          width: 100%;
          height: 100%; }
      .t-my-attr-container .t-my-att-main .t-my-att-content ul li .t-box-flex {
        float: left;
        width: 68%;
        margin-left: 10px;
        /*border-bottom: 1px solid #d6d6d6;*/ }
        .t-my-attr-container .t-my-att-main .t-my-att-content ul li .t-box-flex strong {
          color: #333333;
          overflow: hidden;
          word-break: normal;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
        .t-my-attr-container .t-my-att-main .t-my-att-content ul li .t-box-flex .box-p {
          margin-top: 14px;
          margin-bottom: 10px; }
          .t-my-attr-container .t-my-att-main .t-my-att-content ul li .t-box-flex .box-p .t-price {
            color: #eb0000;
            font-size: 20px; }
          .t-my-attr-container .t-my-att-main .t-my-att-content ul li .t-box-flex .box-p .cancle-att {
            width: 80px;
            height: 24px;
            line-height: 24px;
            font-size: 12px;
            border: 1px solid #d6d6d6;
            float: right;
            text-align: center;
            color: #666;
            border-radius: 4px; }

.t-my-attr-container .t-my-att-main .t-address-content {
  padding-top: 0; }
  .t-my-attr-container .t-my-att-main .t-address-content ul a {
    display: block; }
    .t-my-attr-container .t-my-att-main .t-address-content ul a li {
      border-bottom: 1px solid #e1e1e1;
      display: table;
      width: 100%;
      padding-left: 0;
      padding-right: 0; }
      .t-my-attr-container .t-my-att-main .t-address-content ul a li .t-box-flex {
        /*display: table;
        border-bottom: none;
        width: 82%;*/ }
        .t-my-attr-container .t-my-att-main .t-address-content ul a li .t-box-flex .p-active {
          color: #f23030;
          font-size: 12px; }
        .t-my-attr-container .t-my-att-main .t-address-content ul a li .t-box-flex .icons-gou {
          /*   display: table-cell;
          vertical-align: middle;*/ }
          .t-my-attr-container .t-my-att-main .t-address-content ul a li .t-box-flex .icons-gou i.active {
            /*  display: inline-block;
            width: 16px;
            height: 16px;
            background-color: #f23030;
            border: 1px solid #f23030;
            border-radius: 50%;
            position: relative;
            margin-right: 10px;*/ }
            .t-my-attr-container .t-my-att-main .t-address-content ul a li .t-box-flex .icons-gou i.active em {
              /* display: inline-block;
              position: absolute;
              width: 6px;
              height: 2px;
              background: #fff;
              line-height: 0;
              font-size: 0;
              vertical-align: middle;
              -webkit-transform: rotate(45deg);
              right: 8px;
              top: 10px;*/ }
            .t-my-attr-container .t-my-att-main .t-address-content ul a li .t-box-flex .icons-gou i.active em:after {
              content: '/';
              display: block;
              width: 12px;
              height: 2px;
              background: #fff;
              -webkit-transform: rotate(-90deg) translateY(-50%) translateX(50%); }
        .t-my-attr-container .t-my-att-main .t-address-content ul a li .t-box-flex p {
          /*color: #333;
          font-size: 12px;*/
          /* span {
              display: inline-block;
          }
          .add-default {
              background-color: #f23030;
              color: #fff;
              font-size: 10px;
              text-align: center;
              width: 30px;
          }*/ }
      .t-my-attr-container .t-my-att-main .t-address-content ul a li .t-adderss-edit {
        /* display: table-cell;
        vertical-align: middle;
        position: relative;
        width: 50px;
        i {
            display: inline-block;
            width: 30px;
            height: 30px;
            background: url("../images/t-edit-address.png");
            background-size: contain;
            margin-left: 10px;
            margin-right: 10px;
        }*/ }
      .t-my-attr-container .t-my-att-main .t-address-content ul a li .t-adderss-edit:before {
        content: '';
        border-left: 1px solid #e1e1e1;
        height: 70%;
        position: absolute;
        left: 0; }

.add-footer button span {
  vertical-align: middle;
  display: inline-block; }
.add-footer button .icon-add {
  font-size: 22px;
  padding-right: 6px; }

.t-container .t-main .t-my-address-content .t-ma-header {
  background-color: #fff;
  padding: 12px 0 4px 10px;
  background-color: #fff;
  font-size: 15px;
  border-bottom: 1px solid #e1e1e1; }
  .t-container .t-main .t-my-address-content .t-ma-header p span {
    color: #f23030; }
.t-container .t-main .t-my-address-content .t-ma-item {
  background-color: #fff;
  /*margin-top: 20px;*/ }
  .t-container .t-main .t-my-address-content .t-ma-item .t-ma-message {
    line-height: 30px;
    padding: 10px;
    border-bottom: 1px solid #e1e1e1; }
    .t-container .t-main .t-my-address-content .t-ma-item .t-ma-message p .addr-tel {
      float: right; }
    .t-container .t-main .t-my-address-content .t-ma-item .t-ma-message .address-p {
      color: #666;
      word-break: break-all; }
  .t-container .t-main .t-my-address-content .t-ma-item .item-group {
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden; }
    .t-container .t-main .t-my-address-content .t-ma-item .item-group .t-defail {
      float: left;
      position: relative; }
      .t-container .t-main .t-my-address-content .t-ma-item .item-group .t-defail i {
        display: inline-block;
        width: 16px;
        height: 16px;
        border: 1px solid #979797;
        border-radius: 50%;
        position: relative;
        margin-right: 10px;
        /*top: 4px;*/
        vertical-align: sub; }
      .t-container .t-main .t-my-address-content .t-ma-item .item-group .t-defail i.active {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-color: #f23030;
        border: 1px solid #f23030;
        border-radius: 50%;
        position: relative;
        margin-right: 10px;
        vertical-align: sub;
        /*top: 4px;*/ }
        .t-container .t-main .t-my-address-content .t-ma-item .item-group .t-defail i.active em {
          display: inline-block;
          position: absolute;
          width: 6px;
          height: 2px;
          background: #fff;
          line-height: 0;
          font-size: 0;
          vertical-align: middle;
          -webkit-transform: rotate(45deg);
          right: 8px;
          top: 10px; }
        .t-container .t-main .t-my-address-content .t-ma-item .item-group .t-defail i.active em:after {
          content: '/';
          display: block;
          width: 12px;
          height: 2px;
          background: #fff;
          -webkit-transform: rotate(-90deg) translateY(-50%) translateX(50%); }
      .t-container .t-main .t-my-address-content .t-ma-item .item-group .t-defail .set-defail {
        color: #101010; }
    .t-container .t-main .t-my-address-content .t-ma-item .item-group .t-btn-group {
      float: right; }
      .t-container .t-main .t-my-address-content .t-ma-item .item-group .t-btn-group a {
        color: #101010;
        display: inline-block;
        margin-right: 10px; }
      .t-container .t-main .t-my-address-content .t-ma-item .item-group .t-btn-group .t-icon-edit i {
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url("../images/t-icon-edit.png");
        background-size: contain;
        vertical-align: bottom;
        margin-right: 6px; }
      .t-container .t-main .t-my-address-content .t-ma-item .item-group .t-btn-group .t-icon-del i {
        display: inline-block;
        width: 17px;
        height: 18px;
        background: url("../images/t-icon-del.png");
        background-size: contain;
        vertical-align: middle;
        margin-right: 6px; }

.t-container .t-main .t-column .t-column-title .addr-p {
  font-size: 13px;
  line-height: 24px; }
.t-container .t-main .t-column .t-column-title .addr-span {
  width: 44%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.t-container .t-main .t-column .t-column-title .t-taggle-btn {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 42px;
  height: 22px;
  background: #dfdfdf;
  border-radius: 16px;
  border: 1px solid #dfdfdf;
  outline: 0;
  box-sizing: border-box;
  float: right;
  margin-right: 10px; }
.t-container .t-main .t-column .t-column-title .t-taggle-btn:checked {
  border-color: #04be02;
  background-color: #04be02; }
.t-container .t-main .t-column .t-column-title .t-taggle-btn:before,
.t-container .t-main .t-column .t-column-title .t-taggle-btn:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  border-radius: 15px;
  transition: transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s; }
.t-container .t-main .t-column .t-column-title .t-taggle-btn:before {
  width: 40px;
  background-color: #fdfdfd; }
.t-container .t-main .t-column .t-column-title .t-taggle-btn:after {
  width: 20px;
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
.t-container .t-main .t-column .t-column-title .t-taggle-btn:checked:before {
  transform: scale(0);
  -webkit-transform: scale(0); }
.t-container .t-main .t-column .t-column-title .t-taggle-btn:checked:after {
  transform: translateX(20px);
  -webkit-transform: translateX(20px); }
.t-container .t-main .t-column .t-add-address-title {
  padding: 0; }
  .t-container .t-main .t-column .t-add-address-title .t-detailed-address {
    width: 100%;
    height: 70px;
    resize: none;
    border: none;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px; }
.t-container .t-main .t-column .defail-title {
  line-height: 32px; }
.t-container .t-main .t-addr-column {
  margin-top: 10px; }

.t-my-attr-container .t-my-att-main .t-select-address-content ul li {
  border-bottom: 1px solid #e1e1e1;
  display: table;
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .t-my-attr-container .t-my-att-main .t-select-address-content ul li a {
    display: block;
    overflow: hidden; }
    .t-my-attr-container .t-my-att-main .t-select-address-content ul li a .t-box-flex {
      display: table;
      border-bottom: none !important;
      width: 82% !important; }
      .t-my-attr-container .t-my-att-main .t-select-address-content ul li a .t-box-flex .pActive {
        color: #f23030;
        font-size: 14px; }
      .t-my-attr-container .t-my-att-main .t-select-address-content ul li a .t-box-flex .icons-gou {
        display: table-cell;
        vertical-align: middle; }
        .t-my-attr-container .t-my-att-main .t-select-address-content ul li a .t-box-flex .icons-gou i.active {
          display: inline-block;
          width: 16px;
          height: 16px;
          background-color: #f23030;
          border: 1px solid #f23030;
          border-radius: 50%;
          position: relative;
          margin-right: 10px; }
          .t-my-attr-container .t-my-att-main .t-select-address-content ul li a .t-box-flex .icons-gou i.active em {
            display: inline-block;
            position: absolute;
            width: 6px;
            height: 2px;
            background: #fff;
            line-height: 0;
            font-size: 0;
            vertical-align: middle;
            -webkit-transform: rotate(45deg);
            right: 8px;
            top: 10px; }
          .t-my-attr-container .t-my-att-main .t-select-address-content ul li a .t-box-flex .icons-gou i.active em:after {
            content: '/';
            display: block;
            width: 12px;
            height: 2px;
            background: #fff;
            -webkit-transform: rotate(-90deg) translateY(-50%) translateX(50%); }
      .t-my-attr-container .t-my-att-main .t-select-address-content ul li a .t-box-flex p {
        color: #333;
        font-size: 14px; }
        .t-my-attr-container .t-my-att-main .t-select-address-content ul li a .t-box-flex p span {
          display: inline-block; }
        .t-my-attr-container .t-my-att-main .t-select-address-content ul li a .t-box-flex p .add-default {
          background-color: #f23030;
          color: #fff;
          font-size: 10px;
          text-align: center;
          width: 30px; }
  .t-my-attr-container .t-my-att-main .t-select-address-content ul li .t-adderss-edit {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 50px; }
    .t-my-attr-container .t-my-att-main .t-select-address-content ul li .t-adderss-edit i {
      display: inline-block;
      width: 30px;
      height: 30px;
      background: url("../images/t-edit-address.png");
      background-size: contain;
      margin-left: 10px;
      margin-right: 10px; }
  .t-my-attr-container .t-my-att-main .t-select-address-content ul li .t-adderss-edit:before {
    content: '';
    border-left: 1px solid #e1e1e1;
    height: 90%;
    position: absolute;
    left: 0; }

.t-mp-container {
  background-color: #fff; }
  .t-mp-container .t-main .modify-password-content {
    padding-left: 10px;
    padding-right: 10px; }
    .t-mp-container .t-main .modify-password-content .t-input-group {
      width: 100%;
      height: 44px;
      border-bottom: 1px solid #e5e5e5; }
      .t-mp-container .t-main .modify-password-content .t-input-group input {
        width: 100%;
        height: 100%;
        font-size: 14px;
        border: none; }
    .t-mp-container .t-main .modify-password-content .t-mp-footer {
      margin-top: 50px; }
      .t-mp-container .t-main .modify-password-content .t-mp-footer button {
        height: 40px;
        width: 100%;
        background-color: #f23030;
        color: #fff;
        border-radius: 4px;
        border: none;
        font-size: 16px; }

.t-mp-container {
  background-color: #fff; }
  .t-mp-container .t-main .modify-password-content .t-tel-label {
    line-height: 44px; }
  .t-mp-container .t-main .modify-password-content .t-tel-group {
    height: 31px;
    padding-top: 6px;
    padding-bottom: 6px; }
    .t-mp-container .t-main .modify-password-content .t-tel-group input {
      width: 50%;
      font-size: 14px; }
    .t-mp-container .t-main .modify-password-content .t-tel-group .verification-code-group {
      float: right;
      width: 100px;
      height: 100%;
      border: 1px solid #e5e5e5; }
      .t-mp-container .t-main .modify-password-content .t-tel-group .verification-code-group .get-code {
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #101010;
        text-align: center;
        line-height: 31px;
        background-color: #f5f5f5;
        border: none; }
      .t-mp-container .t-main .modify-password-content .t-tel-group .verification-code-group .disabled {
        background-color: red; }
      .t-mp-container .t-main .modify-password-content .t-tel-group .verification-code-group img {
        width: 100%;
        height: 100%; }

.loading-tip {
  width: 100%;
  color: #999;
  font-size: 12px;
  text-align: center;
  padding: 10px 0; }

.t-padding-none {
  padding: 0; }

.smodify-head-icon {
  position: relative; }
  .smodify-head-icon .smodify-file {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    opacity: 0; }

.stext-center {
  text-align: center; }

.stext-center-input {
  width: 100%;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #ddd; }

.srefund-detail-title {
  font-size: 15px;
  padding-bottom: 5px; }

* {
  padding: 0;
  margin: 0; }

html,
body {
  font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #101010;
  height: 100%;
  min-height: 100%;
  width: 100%; }

[v-cloak] {
  display: none !important; }

.arrow_d {
  width: 21px;
  height: 12px;
  background: url(../images/sprite_n.png) no-repeat 0px 0px; }

.arrow_l {
  width: 18px;
  height: 31px;
  background: url(../images/sprite_n.png) no-repeat 0px -7px; }

.arrow_r_g {
  width: 12px;
  height: 20px;
  background: url(../images/sprite_n.png) no-repeat 0px -43px; }

.cate_bar {
  width: 28px;
  height: 28px;
  background: url(../images/sprite_n.png) no-repeat 0px -97px; }

.chkbox {
  width: 36px;
  height: 36px;
  background: url(../images/sprite_n.png) no-repeat 0px -114px; }

.chkbox_blue {
  background-position-y: -97px !important; }

.chkbx_n {
  background-position-y: -75px !important; }

.eyes_c {
  background-position: 0 -346px !important; }

.sortup {
  background-position: -12px -260px !important; }

.fav {
  width: 32px;
  height: 29px;
  background: url(../images/sprite_n.png) no-repeat 0px -277px; }

.filter_ico {
  width: 23px;
  height: 24px;
  background: url(../images/sprite_n.png) no-repeat 0px -306px; }

.line_s {
  width: 22px;
  height: 2px;
  background: url(../images/sprite_n.png) no-repeat 0px -330px; }

.map_c {
  width: 24px;
  height: 32px;
  background: url(../images/sprite_n.png) no-repeat 0px -332px; }

.map_g {
  width: 18px;
  height: 23px;
  background: url(../images/sprite_n.png) no-repeat 0px -364px; }

.more {
  width: 10px;
  height: 10px;
  background: url(../images/sprite_n.png) no-repeat 0px -387px; }

.my {
  width: 32px;
  height: 32px;
  background: url(../images/sprite_n.png) no-repeat 0px -397px; }

.search {
  width: 18px;
  height: 18px;
  background: url(../images/sprite_n.png) no-repeat 0px -429px; }

.sort_down {
  width: 12px;
  height: 17px;
  background: url(../images/sprite_n.png) no-repeat 0px -447px; }

.sort_up {
  width: 12px;
  height: 17px;
  background: url(../images/sprite_n.png) no-repeat 0px -464px; }

.store {
  width: 29px;
  height: 23px;
  background: url(../images/sprite_n.png) no-repeat 0px -481px; }

.store_s {
  width: 29px;
  height: 23px;
  background: url(../images/sprite_n.png) no-repeat 0px -504px; }

.tick {
  width: 17px;
  height: 13px;
  background: url(../images/sprite_n.png) no-repeat 0px -527px; }

.hide {
  display: none; }

.show {
  display: block; }

.placebox {
  height: 50px;
  background-color: #fff; }

#home-pg {
  background-color: #f5f5f5; }
  #home-pg .placebox {
    height: 45px; }
  #home-pg .top-banner {
    height: 48px;
    background-color: #fff; }
    #home-pg .top-banner .logo {
      display: block;
      float: left;
      width: 30%;
      height: 38px;
      margin: 5px 10px; }
      #home-pg .top-banner .logo img {
        width: 100%;
        height: 38px; }
    #home-pg .top-banner .search-ico {
      display: block;
      width: 20px;
      height: 20px;
      margin-top: 15px;
      margin-right: 15px;
      float: right;
      background: url("../images/home-search.png") center no-repeat;
      background-size: contain; }
    #home-pg .top-banner h3 {
      font-size: 16px;
      float: left;
      line-height: 48px;
      font-family: "Microsoft Yahei light";
      max-width: 60%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  #home-pg dl dd {
    width: 100%;
    background-color: #f3f5f7;
    overflow-x: hidden; }
  #home-pg .images-wrap {
    position: relative;
    width: 100%;
    text-align: center;
    background-color: #fff; }
    #home-pg .images-wrap .swiper-container {
      width: 100%;
      height: 100%;
      margin: 0 auto; }
    #home-pg .images-wrap img {
      width: 100%;
      display: block; }
    #home-pg .images-wrap .img-nav-num {
      position: absolute;
      width: 32px;
      height: 32px;
      text-align: center;
      left: 85%;
      bottom: 10px;
      background-color: #333;
      opacity: 0.2;
      color: #FFF;
      padding: 5px;
      line-height: 30px;
      border-radius: 20px; }
      #home-pg .images-wrap .img-nav-num .swiper-pagination-current {
        font-size: 17px; }
      #home-pg .images-wrap .img-nav-num em {
        font-size: 16px;
        font-style: normal; }
    #home-pg .images-wrap .swiper-pagination-bullet-active {
      background-color: #FFF;
      opacity: .8;
      filter: alpha(opacity=80); }
  #home-pg .nodata {
    color: #999;
    background-color: #fff;
    margin-bottom: 0;
    text-align: center; }
  #home-pg .floor .swiper-container {
    height: 190px;
    width: 100%; }
  #home-pg .floor .swiper-container-free-mode > .swiper-wrapper {
    margin: 0;
    white-space: nowrap;
    width: auto; }
  #home-pg .floor h3 {
    display: flex;
    line-height: 60px;
    background-color: #fff;
    position: relative;
    text-align: center; }
    #home-pg .floor h3 .floor-title {
      flex: none;
      display: inline-block;
      position: relative;
      max-width: 40%;
      font-size: 16px;
      font-family: "Mcrosoft Yahei light";
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      vertical-align: middle; }
    #home-pg .floor h3 .icon-wrap {
      flex: 1;
      width: 80px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box; }
    #home-pg .floor h3 span.floor-badge {
      line-height: 24px;
      width: 24px;
      height: 24px;
      float: left;
      border-radius: 12px;
      color: #fff;
      font-size: 15px;
      margin: 10px;
      text-align: center; }
    #home-pg .floor h3 i.before {
      display: block;
      width: 80px;
      height: 10px;
      background: url("../images/title-dec-l.png") center no-repeat;
      background-size: contain;
      margin-top: 25px;
      float: right;
      margin-right: 10px; }
    #home-pg .floor h3 i.after {
      float: left;
      display: block;
      width: 80px;
      height: 10px;
      background: url("../images/title-dec-r.png") center no-repeat;
      background-size: contain;
      margin-top: 25px;
      margin-left: 10px; }
    #home-pg .floor h3::after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -5px;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #f3f5f7;
      font-size: 0;
      line-height: 0; }
  #home-pg .floor a.view-more {
    display: block;
    position: relative;
    font-weight: 400;
    color: #999;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-align: center; }
  #home-pg .floor .list-wrap {
    width: 100%;
    height: 190px;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: 10px; }
    #home-pg .floor .list-wrap::-webkit-scrollbar {
      display: none; }
    #home-pg .floor .list-wrap ul li {
      background-color: #fff;
      width: 120px;
      min-width: 120px;
      float: left;
      overflow: hidden;
      transition: width 0.3s;
      -webkit-transition: width 0.3s;
      /* Safari and Chrome */
      margin-right: 10px;
      white-space: normal; }
      #home-pg .floor .list-wrap ul li:last-child {
        margin-right: 0; }
      #home-pg .floor .list-wrap ul li .inner-wrap {
        width: 90%;
        margin: 0 auto;
        height: 188px;
        border: 0; }
        #home-pg .floor .list-wrap ul li .inner-wrap .goods-img {
          width: 100%;
          height: 120px;
          overflow: hidden; }
          #home-pg .floor .list-wrap ul li .inner-wrap .goods-img img {
            width: 100%;
            height: 100%; }
        #home-pg .floor .list-wrap ul li .inner-wrap p {
          text-align: left; }
        #home-pg .floor .list-wrap ul li .inner-wrap .goods-title {
          display: block;
          height: 36px;
          line-height: 18px;
          font-size: 12px;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          word-break: break-all;
          padding: 0;
          text-align: center; }
        #home-pg .floor .list-wrap ul li .inner-wrap .price {
          line-height: 30px;
          font-size: 16px;
          font-weight: 600;
          color: #f2001d; }
          #home-pg .floor .list-wrap ul li .inner-wrap .price em {
            font-style: normal;
            font-size: 12px; }
  #home-pg .f1 h3 {
    color: #f2001d; }
  #home-pg .f1 span.floor-badge {
    background-color: #f2001d; }
  #home-pg .f2 h3 {
    color: #006bbc; }
  #home-pg .f2 span.floor-badge {
    background-color: #006bbc; }

.loadmore {
  display: block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  line-height: 25px;
  text-align: center;
  color: #d5d5d5; }

ul,
li {
  list-style: none; }

img {
  max-width: 100%; }

.txt-hint {
  color: #999; }

a {
  text-decoration: none;
  color: #454545; }

input,
textarea {
  -webkit-appearance: none; }

.btn-wrap {
  margin: 20px auto;
  text-align: center; }
  .btn-wrap button {
    border: none;
    padding: 3px 5px;
    cursor: pointer; }

.cl {
  zoom: 1; }

.cl:after {
  content: " ";
  display: block;
  clear: both;
  height: 0; }

.row {
  margin: 2px auto 0 auto;
  padding: 5px 0 7px 0;
  zoom: 1; }
  .row .lbl-col {
    display: inline-block;
    float: left;
    min-width: 60px;
    width: 20%;
    height: 30px;
    line-height: 30px;
    text-align: center; }
  .row .form-col {
    float: left;
    position: relative; }
    .row .form-col input[type=text],
    .row .form-col input[type=password] {
      height: 24px;
      outline: none;
      padding: 3px 5px; }

.errors {
  margin: 10px 0; }
  .errors p {
    margin: 5px 0;
    font-size: 12px;
    background-color: #FFD8DB;
    color: #f02030;
    line-height: 25px;
    padding-left: 10px;
    border: 1px solid #f02030;
    border-radius: 4px; }

.row:after {
  content: " ";
  display: block;
  clear: both;
  height: 0; }

.btn-wrap {
  margin-top: 30px; }
  .btn-wrap button {
    outline: none;
    width: 100%;
    height: 42px;
    font-size: 18px;
    border-radius: 4px;
    background-color: #eb0000;
    color: #FFF; }

#login-pg,
#register-pg {
  padding-top: 1px;
  margin-top: -1px; }
  #login-pg h1.pg-title,
  #register-pg h1.pg-title {
    font-size: 15px;
    font-family: "Microsoft Yahei";
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px; }
  #login-pg .logo,
  #register-pg .logo {
    margin: 40px auto 20px auto;
    overflow: hidden;
    text-align: center; }
    #login-pg .logo img,
    #register-pg .logo img {
      width: 218px;
      height: 86px;
      border-radius: 5px; }
  #login-pg .login-wrap,
  #login-pg .register-wrap,
  #register-pg .login-wrap,
  #register-pg .register-wrap {
    width: 80%;
    margin: 0 auto; }
    #login-pg .login-wrap input[type=text],
    #login-pg .login-wrap input[type=password],
    #login-pg .register-wrap input[type=text],
    #login-pg .register-wrap input[type=password],
    #register-pg .login-wrap input[type=text],
    #register-pg .login-wrap input[type=password],
    #register-pg .register-wrap input[type=text],
    #register-pg .register-wrap input[type=password] {
      border: none;
      width: 100%;
      padding: 0.2rem 0.4rem;
      font-size: 1rem; }
    #login-pg .login-wrap .form-col,
    #login-pg .register-wrap .form-col,
    #register-pg .login-wrap .form-col,
    #register-pg .register-wrap .form-col {
      width: 75%; }
    #login-pg .login-wrap .row,
    #login-pg .register-wrap .row,
    #register-pg .login-wrap .row,
    #register-pg .register-wrap .row {
      border-bottom: 1px solid #d5d5d5; }
    #login-pg .login-wrap .eyes,
    #login-pg .register-wrap .eyes,
    #register-pg .login-wrap .eyes,
    #register-pg .register-wrap .eyes {
      position: absolute;
      right: -15px;
      top: 0;
      width: 3rem;
      height: 2.5rem; }
      #login-pg .login-wrap .eyes i,
      #login-pg .register-wrap .eyes i,
      #register-pg .login-wrap .eyes i,
      #register-pg .register-wrap .eyes i {
        float: right;
        margin-right: 10px;
        margin-top: 10px;
        display: inline-block;
        width: 27px;
        height: 14px;
        background: url(../images/sprite_n.png) no-repeat 0px -151px; }
      #login-pg .login-wrap .eyes input,
      #login-pg .register-wrap .eyes input,
      #register-pg .login-wrap .eyes input,
      #register-pg .register-wrap .eyes input {
        display: none;
        position: relative;
        border: none;
        float: left;
        outline: none;
        width: 3rem;
        height: 2.5rem;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url("../images/sprite_n.png") -3px 2px no-repeat; }
      #login-pg .login-wrap .eyes input:checked,
      #login-pg .register-wrap .eyes input:checked,
      #register-pg .login-wrap .eyes input:checked,
      #register-pg .register-wrap .eyes input:checked {
        background: url("../images/sprite_n.png") -3px -32px no-repeat; }
    #login-pg .login-wrap .reg-link,
    #login-pg .register-wrap .reg-link,
    #register-pg .login-wrap .reg-link,
    #register-pg .register-wrap .reg-link {
      float: left;
      margin-right: 10px;
      line-height: 25px; }
    #login-pg .login-wrap .forget-link,
    #login-pg .register-wrap .forget-link,
    #register-pg .login-wrap .forget-link,
    #register-pg .register-wrap .forget-link {
      float: right;
      line-height: 25px; }

#bind-pg {
  height: 100%;
  width: 100%;
  background-color: #f5f5f5; }
  #bind-pg .bind-wrap {
    width: 90%;
    margin: 40px auto; }
    #bind-pg .bind-wrap input[type=text], #bind-pg .bind-wrap input[type=password] {
      border: 1px solid #d5d5d5;
      width: 100%;
      height: 40px;
      padding: 0.2rem 0.4rem;
      border-radius: 2px;
      background-color: #fff;
      font-size: 1rem;
      box-sizing: border-box; }
    #bind-pg .bind-wrap .form-col {
      width: 100%; }
    #bind-pg .bind-wrap .sms-code {
      width: 100%;
      flex: 1;
      margin-right: 10px; }
    #bind-pg .bind-wrap .sms-wrap, #bind-pg .bind-wrap .verify-wrap {
      display: flex; }
    #bind-pg .bind-wrap .verify-code {
      width: 100px;
      margin-right: 10px; }
    #bind-pg .bind-wrap .verify-code-wrap {
      display: inline-block;
      flex: none;
      width: 80px;
      height: 40px; }
      #bind-pg .bind-wrap .verify-code-wrap img {
        width: 100%;
        height: 100%; }
    #bind-pg .bind-wrap .btn-getsms {
      width: 80px;
      height: 40px;
      outline: none;
      background-color: #F54544;
      color: #fff;
      border: none; }
    #bind-pg .bind-wrap .disabled {
      background-color: #d3d3d3;
      color: #333; }
  #bind-pg .agreement-hint {
    padding-top: 15px; }
    #bind-pg .agreement-hint label {
      color: #999; }
    #bind-pg .agreement-hint span {
      margin-left: 5px; }
    #bind-pg .agreement-hint a {
      color: #333; }
    #bind-pg .agreement-hint .agree_chk {
      display: block;
      float: left;
      width: 14px;
      height: 14px;
      border: 1px solid #478cff;
      border-radius: 4px;
      margin: 2px 5px 0 0; }
      #bind-pg .agreement-hint .agree_chk.chkbox_blue {
        background: url("../images/chechkbox_blue.png") no-repeat;
        background-size: contain;
        background-position: 0 !important;
        width: 16px;
        height: 16px;
        border: none; }
    #bind-pg .agreement-hint input[type=checkbox] {
      outline: none;
      display: none; }
  #bind-pg .tips {
    color: #999;
    font-size: 14px;
    margin-top: 60px; }
  #bind-pg .btn-wrap {
    margin: 10px auto;
    text-align: center; }
    #bind-pg .btn-wrap button {
      border: none;
      padding: 3px 5px;
      cursor: pointer;
      border-radius: 3px;
      background-color: #F54544; }

#loginchn-pg .loginchn-wrap p {
  padding-left: 20px;
  margin-bottom: 10px; }
#loginchn-pg .loginchn-wrap .headimg-wrap {
  margin: 20px 0;
  text-align: center; }
  #loginchn-pg .loginchn-wrap .headimg-wrap img {
    width: 60px;
    height: 60px;
    border-radius: 40px; }
#loginchn-pg .loginchn-wrap .hint {
  font-size: 14px;
  color: #999;
  text-align: left; }
#loginchn-pg .loginchn-wrap .nickname {
  font-size: 16px;
  color: #333; }
#loginchn-pg .loginchn-wrap .btn-wrap {
  margin-top: 30px; }
  #loginchn-pg .loginchn-wrap .btn-wrap .btn {
    width: 90%;
    line-height: 40px;
    border-radius: 4px;
    display: block;
    margin: 0 auto; }
  #loginchn-pg .loginchn-wrap .btn-wrap .btn-reg {
    background-color: #f54544;
    color: #fff;
    font-size: 16px; }
  #loginchn-pg .loginchn-wrap .btn-wrap .btn-bind {
    background-color: #fff;
    border: 1px solid #ddd; }

#login-pg h1.pg-title {
  margin-bottom: 40px; }
#login-pg .trd-login {
  border-top: 1px solid #e2e2e2;
  width: 200px;
  position: relative;
  left: 50%;
  margin-left: -100px;
  margin-top: 70px;
  text-align: center; }
  #login-pg .trd-login .title {
    display: block;
    line-height: 20px;
    width: 100px;
    margin: -10px auto 10px auto;
    background-color: #FFF;
    color: #999; }
  #login-pg .trd-login span {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px; }

#register-pg h1.pg-title {
  margin-bottom: 10px;
  font-size: 20px; }
#register-pg .split-space {
  height: 60px;
  border-bottom: 1px solid #d5d5d5; }
#register-pg .forget-reset {
  margin-top: 60px; }
#register-pg .register-wrap .logo {
  margin: 10px auto; }
#register-pg .register-wrap .form-col {
  width: 100%; }
#register-pg .register-wrap .tel-row .lbl-col {
  border-right: 1px solid #d5d5d5;
  padding-right: 5px;
  line-height: 20px;
  height: 20px;
  margin-top: 5px; }
#register-pg .register-wrap .tel-row .form-col {
  width: 70%; }
#register-pg .register-wrap .sms-code-row {
  padding: 5px 0 7px 0; }
  #register-pg .register-wrap .sms-code-row .form-col {
    width: 65%; }
  #register-pg .register-wrap .sms-code-row .sms-code-link {
    display: block;
    outline: none;
    float: left;
    background-color: #f5f5f5;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    width: 25%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-left: 20px;
    overflow: hidden; }
#register-pg .register-wrap .agreement-hint {
  padding-top: 15px; }
  #register-pg .register-wrap .agreement-hint span {
    margin-left: 5px; }
  #register-pg .register-wrap .agreement-hint a {
    color: #5397ff; }
  #register-pg .register-wrap .agreement-hint .agree_chk {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    border: 1px solid #478cff;
    border-radius: 4px;
    margin: 2px 5px 0 0; }
    #register-pg .register-wrap .agreement-hint .agree_chk.chkbox_blue {
      background: url("../images/chechkbox_blue.png") no-repeat;
      background-size: contain;
      background-position: 0 !important;
      width: 16px;
      height: 16px;
      border: none; }
  #register-pg .register-wrap .agreement-hint input[type=checkbox] {
    outline: none;
    display: none; }

.cate-body {
  background-color: #f5f5f5; }

.wechat_fix {
  margin-top: 0 !important;
  top: 0 !important; }

.search-bar {
  background-color: #f00;
  position: relative;
  margin-bottom: 0;
  padding: 10px 0;
  border-bottom: 1px solid #d5d5d5;
  background-color: #fff;
  transition: all 0.3s; }
  .search-bar:after {
    display: block;
    content: '';
    clear: both; }
  .search-bar .form-col {
    float: left;
    position: relative;
    display: flex; }
    .search-bar .form-col i.search-ico {
      display: block;
      position: absolute;
      width: 15px;
      height: 15px;
      top: 8px;
      left: 10px;
      background: url(../images/srh-ico.png) center no-repeat;
      background-size: contain; }
    .search-bar .form-col input {
      flex: 1;
      height: 32px;
      width: 100%;
      border-top-left-radius: 16px;
      border-top-right-radius: 0;
      border-bottom-left-radius: 16px;
      border-bottom-right-radius: 0;
      border: 0;
      font-size: 12px;
      padding: 3px 5px 3px 15px;
      background-color: #f3f5f7;
      margin-left: 10px;
      margin-left: 10px;
      box-sizing: border-box;
      display: block;
      float: left; }
    .search-bar .form-col button {
      flex: none;
      position: relative;
      float: left;
      height: 32px;
      width: 40px;
      outline: none;
      background: #f5f5f5;
      border: none;
      border-top-left-radius: 0;
      border-top-right-radius: 16px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 16px; }
  .search-bar .search-inp-wrap {
    width: 100%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
    display: flex; }
    .search-bar .search-inp-wrap .search-cls {
      flex: none;
      display: block;
      width: 20px;
      height: 30px;
      background: url("../images/srh-del.png") center no-repeat;
      background-size: 15px;
      margin-right: 6px; }
    .search-bar .search-inp-wrap .search-inp {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      box-sizing: border-box;
      overflow: hidden; }
      .search-bar .search-inp-wrap .search-inp input {
        margin-left: 0;
        outline: none; }
    .search-bar .search-inp-wrap .btn-search {
      width: 80px;
      overflow: hidden;
      text-align: right;
      position: absolute;
      top: 0;
      right: 10px; }
      .search-bar .search-inp-wrap .btn-search button {
        width: 100%; }
        .search-bar .search-inp-wrap .btn-search button i {
          float: none;
          vertical-align: middle;
          margin-top: -1px; }
        .search-bar .search-inp-wrap .btn-search button span {
          display: inline-block;
          vertical-align: middle; }

.popup {
  width: 100%;
  min-height: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9; }
  .popup .layer {
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-color: #000;
    opacity: 0.2;
    z-index: 1; }
  .popup .pop-main {
    position: absolute;
    width: 80%;
    height: 100%;
    overflow-y: auto;
    background-color: #FFF;
    top: 0;
    right: 0;
    z-index: 2;
    transition: width 0.3s;
    -moz-transition: width 0.3s;
    /* Firefox 4 */
    -webkit-transition: width 0.3s;
    /* Safari and Chrome */
    -o-transition: width 0.3s;
    /* Opera */ }

header .nav-bar {
  position: relative;
  width: 100%;
  height: 40px;
  background-color: #37383b;
  color: #FFF;
  z-index: 99; }
header span {
  display: block;
  text-align: center; }
header .goback {
  width: 20px;
  height: 18px;
  margin-top: 12px;
  margin-left: 18px;
  position: absolute; }
header .collapse-ico {
  float: right;
  width: 50px;
  height: 30px;
  margin-top: 7px;
  background: url("../images/sprite_n.png") 5px -49px no-repeat; }
header .page-name {
  margin-left: 40px;
  margin-right: 50px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  overflow: hidden;
  width: 80%;
  white-space: nowrap;
  margin: 0 auto; }
header div.logo {
  float: left;
  width: 30%;
  height: auto;
  padding-left: 10px;
  box-sizing: border-box; }
  header div.logo img {
    width: 100%;
    height: 38px;
    display: block;
    margin: 0 auto; }
header .sort-wrap {
  border-bottom: 1px solid #d5d5d5;
  padding: 5px 10px; }
header .price-sort {
  float: left;
  margin-left: 30px;
  position: relative; }
  header .price-sort span {
    display: block;
    float: left;
    line-height: 30px; }
  header .price-sort .sort {
    float: left;
    width: 12px;
    height: 12px;
    margin: 9px 5px 0 5px;
    background: url("../images/sprite_n.png") 0px -260px no-repeat; }
header .filter-wrap {
  float: right;
  margin-right: 30px; }
  header .filter-wrap span {
    display: block;
    float: left;
    line-height: 30px; }
  header .filter-wrap .filter {
    width: 13px;
    height: 13px;
    margin-left: 5px;
    margin-top: 8px;
    background: url("../images/filter_ico.png") no-repeat;
    background-size: contain; }

#goods-pg {
  height: auto !important;
  height: 100%;
  min-height: 100%;
  position: relative; }
  #goods-pg .main {
    height: auto !important;
    height: 100%;
    min-height: 100%;
    padding-bottom: 70px; }
    #goods-pg .main ul {
      margin-bottom: 10px; }
      #goods-pg .main ul li {
        height: 90px;
        margin-bottom: 5px; }
        #goods-pg .main ul li a {
          display: block;
          width: 100%;
          height: 100%; }
          #goods-pg .main ul li a:after {
            display: block;
            content: '';
            clear: both; }
        #goods-pg .main ul li .goods-img-wrap {
          width: 90px;
          height: 90px;
          float: left;
          text-align: center;
          position: absolute; }
          #goods-pg .main ul li .goods-img-wrap img {
            width: 96%;
            height: 96%;
            margin: 0 auto; }
        #goods-pg .main ul li .goods-info {
          float: left;
          width: 100%;
          padding: 5px 10px 5px 100px;
          border-bottom: 1px solid #d6d6d6;
          box-sizing: border-box;
          height: 90px; }
          #goods-pg .main ul li .goods-info h3.goods-title,
          #goods-pg .main ul li .goods-info a.goods-title {
            display: block;
            float: left;
            font-size: 16px;
            font-weight: 500;
            width: 100%;
            height: 46px;
            line-height: 23px;
            margin-bottom: 5px;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            word-break: break-all; }
          #goods-pg .main ul li .goods-info .price {
            font-size: 14px;
            color: #eb0000; }
            #goods-pg .main ul li .goods-info .price i {
              font-size: 12px;
              font-style: normal; }
          #goods-pg .main ul li .goods-info .store-character {
            color: #eb0000;
            display: inline-block;
            padding: 0 3px;
            border: 1px solid #eb0000;
            border-radius: 2px;
            font-size: 12px;
            margin-top: 5px; }
  #goods-pg .brand-wrap,
  #goods-pg .attr-wrap {
    background-color: #FFF;
    margin-top: 10px;
    padding-left: 10px; }
    #goods-pg .brand-wrap dl dt,
    #goods-pg .attr-wrap dl dt {
      display: block; }
      #goods-pg .brand-wrap dl dt h4,
      #goods-pg .attr-wrap dl dt h4 {
        line-height: 28px;
        font-size: 14px;
        font-weight: 400;
        width: 120px;
        float: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      #goods-pg .brand-wrap dl dt h4.title,
      #goods-pg .attr-wrap dl dt h4.title {
        width: 15%; }
      #goods-pg .brand-wrap dl dt span.more,
      #goods-pg .attr-wrap dl dt span.more {
        display: inline-block;
        float: right;
        width: 5%;
        height: 16px;
        line-height: 28px;
        margin-right: 5px;
        background: url(../images/sprite_n.png) no-repeat 5px -22px;
        margin-top: 4px; }
      #goods-pg .brand-wrap dl dt span.selected,
      #goods-pg .attr-wrap dl dt span.selected {
        display: inline-block;
        float: left;
        width: 75%;
        height: 28px;
        line-height: 28px;
        text-align: right;
        color: #FF4a53;
        font-size: 12px; }
    #goods-pg .brand-wrap dl dd,
    #goods-pg .attr-wrap dl dd {
      margin-top: 10px;
      margin-right: 10px;
      overflow: hidden; }
      #goods-pg .brand-wrap dl dd label,
      #goods-pg .brand-wrap dl dd span.brd,
      #goods-pg .attr-wrap dl dd label,
      #goods-pg .attr-wrap dl dd span.brd {
        display: block;
        width: 32%;
        text-align: center;
        line-height: 28px;
        margin-right: 2%;
        margin-bottom: 10px;
        background-color: #f0f2f5;
        border: 1px solid #FFF;
        border-radius: 4px;
        float: left;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        #goods-pg .brand-wrap dl dd label input,
        #goods-pg .brand-wrap dl dd span.brd input,
        #goods-pg .attr-wrap dl dd label input,
        #goods-pg .attr-wrap dl dd span.brd input {
          display: none; }
        #goods-pg .brand-wrap dl dd label:nth-child(3n),
        #goods-pg .brand-wrap dl dd span.brd:nth-child(3n),
        #goods-pg .attr-wrap dl dd label:nth-child(3n),
        #goods-pg .attr-wrap dl dd span.brd:nth-child(3n) {
          margin-right: 0; }
      #goods-pg .brand-wrap dl dd .active,
      #goods-pg .attr-wrap dl dd .active {
        border: 1px solid #ff4a53;
        color: #ff4a53;
        background-color: #fff; }
  #goods-pg .pop-main {
    z-index: 5; }
    #goods-pg .pop-main .filter-pop {
      background-color: #f5f5f5;
      overflow-y: auto;
      position: relative; }
      #goods-pg .pop-main .filter-pop .row {
        margin-bottom: 0; }
    #goods-pg .pop-main .btns {
      position: fixed;
      right: 0;
      bottom: 0;
      width: 80%;
      z-index: 1; }
      #goods-pg .pop-main .btns a {
        display: inline-block;
        position: absolute;
        width: 50%;
        height: 43px;
        font-size: 16px;
        line-height: 43px;
        text-align: center;
        border-top: 1px solid #d5d5d5; }
      #goods-pg .pop-main .btns a.reset {
        left: 0;
        bottom: 0;
        border-right: none;
        background-color: #FFF; }
      #goods-pg .pop-main .btns a.btn-submit {
        right: 0;
        bottom: 0;
        background-color: #eb0000;
        color: #FFF; }
    #goods-pg .pop-main .regions {
      margin-top: 60px;
      height: 36px;
      border-bottom: 1px solid #d5d5d5;
      margin-bottom: 10px;
      background-color: #FFF; }
      #goods-pg .pop-main .regions .lbl-col {
        float: left;
        display: inline-block;
        width: 85px;
        line-height: 30px; }
      #goods-pg .pop-main .regions .region-sele {
        display: inline-block;
        height: 30px;
        line-height: 30px; }
      #goods-pg .pop-main .regions .arrow_r {
        display: inline-block;
        float: right;
        margin-right: 20px;
        width: 30px;
        height: 19px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        margin-top: 5px;
        background: url(../images/sprite_n.png) no-repeat 5px -19px; }
    #goods-pg .pop-main h4 {
      font-size: 14px;
      font-weight: 400; }
    #goods-pg .pop-main .price-range {
      background-color: #FFF;
      padding: 10px;
      margin-top: 40px; }
      #goods-pg .pop-main .price-range .form-col {
        width: 45%;
        position: relative; }
        #goods-pg .pop-main .price-range .form-col input {
          width: 100%;
          border-radius: 2px;
          outline: none;
          border: 1px solid #d5d5d5;
          background-color: #f0f2f6;
          box-sizing: border-box;
          height: 32px;
          line-height: 32px; }
      #goods-pg .pop-main .price-range .split {
        width: 10%;
        height: 32px;
        line-height: 32px;
        text-align: center;
        color: #999; }
    #goods-pg .pop-main .brand-pop {
      margin-top: 40px; }
      #goods-pg .pop-main .brand-pop .brand-list {
        float: left;
        width: 95%;
        height: auto !important;
        height: 100%;
        min-height: 100%;
        background-color: #f3f5f7; }
      #goods-pg .pop-main .brand-pop .brand-nav {
        float: right;
        width: 5%;
        height: 80%;
        position: fixed;
        right: 2%;
        top: 20%; }
        #goods-pg .pop-main .brand-pop .brand-nav ul {
          height: 100%;
          display: flex;
          flex-direction: column; }
          #goods-pg .pop-main .brand-pop .brand-nav ul li {
            flex: 1;
            height: 20px;
            text-align: center;
            font-weight: 600; }
      #goods-pg .pop-main .brand-pop .brand-list-wrap {
        width: 93%;
        float: left; }
        #goods-pg .pop-main .brand-pop .brand-list-wrap dl dt {
          padding-left: 10px;
          height: 28px;
          background-color: #f3f5f7; }
          #goods-pg .pop-main .brand-pop .brand-list-wrap dl dt h4 {
            line-height: 28px; }
        #goods-pg .pop-main .brand-pop .brand-list-wrap dl dd ul li {
          height: 40px;
          line-height: 40px;
          border-bottom: 1px solid #d5d5d5; }
          #goods-pg .pop-main .brand-pop .brand-list-wrap dl dd ul li label {
            display: block;
            line-height: 38px;
            padding-left: 10px;
            font-size: 14px;
            border: 1px solid #FFF;
            position: relative;
            padding-right: 30px; }
          #goods-pg .pop-main .brand-pop .brand-list-wrap dl dd ul li input {
            display: none; }
          #goods-pg .pop-main .brand-pop .brand-list-wrap dl dd ul li .active {
            color: #FF4a53; }
          #goods-pg .pop-main .brand-pop .brand-list-wrap dl dd ul li label.active:after {
            content: "";
            position: absolute;
            width: 20px;
            height: 40px;
            right: 5px;
            top: 0;
            background: url(../images/sprite_n.png) no-repeat -26px 12px; }
    #goods-pg .pop-main .pop-title {
      border-bottom: 1px solid #d5d5d5;
      padding-bottom: 5px;
      text-align: center; }
    #goods-pg .pop-main .arrow {
      display: block;
      float: left;
      width: 35px;
      text-align: center;
      height: 20px;
      margin-top: 10px;
      line-height: 39px;
      background: url(../images/sprite_n.png) no-repeat 5px -382px; }
    #goods-pg .pop-main .pg-title {
      display: inline-block;
      text-align: center;
      font-weight: 400;
      font-size: 18px;
      line-height: 32px;
      margin: 0 auto; }
    #goods-pg .pop-main .btn-confirm {
      color: #999;
      width: 40px;
      height: 25px;
      float: right;
      text-align: center;
      line-height: 25px;
      font-size: 14px;
      margin-right: 10px;
      margin-top: 5px;
      border-radius: 4px; }
  #goods-pg .left-nav {
    position: absolute;
    width: 95px;
    top: 93px;
    bottom: 45px;
    background-color: #FFF;
    border-right: 1px solid #d5d5d5; }
    #goods-pg .left-nav.weixin {
      top: 59px; }
    #goods-pg .left-nav ul li {
      width: 100%;
      height: 40px;
      line-height: 40px;
      border-bottom: 1px solid #d5d5d5;
      box-sizing: border-box; }
      #goods-pg .left-nav ul li a {
        display: block;
        padding: 0 10px;
        text-align: center;
        width: 85%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
    #goods-pg .left-nav ul li.active a {
      color: #eb0000; }
  #goods-pg .right-main {
    padding-left: 105px; }
    #goods-pg .right-main dl {
      margin-bottom: 15px; }
      #goods-pg .right-main dl h4 {
        font-size: 15px;
        padding-left: 5px;
        line-height: 26px;
        font-family: "Microsoft Yahei light";
        font-weight: 700; }
      #goods-pg .right-main dl dd {
        padding: 10px;
        padding-right: 0; }
        #goods-pg .right-main dl dd a {
          display: inline-block;
          float: left;
          background-color: #fff;
          line-height: 30px;
          padding: 0 10px;
          border-radius: 4px;
          margin-right: 10px;
          margin-bottom: 10px; }
        #goods-pg .right-main dl dd .title {
          max-width: 90px;
          font-size: 14px;
          font-weight: 400;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          line-height: 24px; }
        #goods-pg .right-main dl dd ul {
          margin: 0 auto; }
          #goods-pg .right-main dl dd ul li {
            height: 10%;
            float: left;
            margin-right: 10px;
            margin-bottom: 5px; }
            #goods-pg .right-main dl dd ul li .cate-img-wrap {
              width: 100%;
              height: 80%;
              overflow: hidden;
              text-align: center; }
              #goods-pg .right-main dl dd ul li .cate-img-wrap img {
                width: 100%; }

.goods-details-pg {
  font-size: 13px;
  background-color: #fff;
  position: relative; }
  .goods-details-pg .swiper-container {
    width: 100%;
    height: 300px; }
  .goods-details-pg .layer {
    position: fixed; }
  .goods-details-pg .pop-main {
    position: fixed; }
  .goods-details-pg .regions-pop {
    margin-top: 40px;
    width: 100%;
    background-color: #FFF; }
    .goods-details-pg .regions-pop .region-title ul {
      border-bottom: 1px solid #d5d5d5; }
      .goods-details-pg .regions-pop .region-title ul li {
        float: left;
        margin: 0 10px; }
        .goods-details-pg .regions-pop .region-title ul li a {
          padding: 3px 5px;
          display: block;
          line-height: 32px;
          text-align: center; }
      .goods-details-pg .regions-pop .region-title ul li.active a {
        color: #ff4a53;
        border-bottom: 1px solid #ff4a53;
        margin-bottom: -1px; }
    .goods-details-pg .regions-pop .regions-list {
      margin-top: 10px; }
      .goods-details-pg .regions-pop .regions-list ul li {
        border-bottom: 1px solid #e0e0e0; }
        .goods-details-pg .regions-pop .regions-list ul li a {
          display: block;
          line-height: 35px;
          padding-left: 10px; }
  .goods-details-pg .nav-wrap {
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    background-color: #FFF;
    width: 100%;
    z-index: 9; }
    .goods-details-pg .nav-wrap .share {
      position: absolute;
      top: 50%;
      margin-top: -8px;
      right: 13px;
      display: inline-block;
      width: 16px;
      height: 16px;
      background: url("../images/share.png") center no-repeat;
      background-size: 16px; }
  .goods-details-pg .nav-tabs {
    width: 60%;
    margin: 0 auto;
    font-size: 14px;
    margin-bottom: -1px; }
    .goods-details-pg .nav-tabs li {
      float: left;
      width: 33%;
      text-align: center; }
      .goods-details-pg .nav-tabs li a {
        display: block;
        width: 34px;
        margin: 0 auto;
        line-height: 40px;
        color: #666666; }
    .goods-details-pg .nav-tabs li.active a {
      color: #101010;
      border-bottom: 2px solid #101010; }
  .goods-details-pg .images-wrap {
    position: relative;
    width: 100%;
    height: 300px;
    text-align: center;
    background-color: #fff; }
    .goods-details-pg .images-wrap img {
      max-width: 100%;
      max-height: 100%; }
    .goods-details-pg .images-wrap .img-nav-num {
      position: absolute;
      width: 32px;
      height: 32px;
      text-align: center;
      left: 85%;
      bottom: 10px;
      background-color: #333;
      opacity: 0.2;
      color: #FFF;
      padding: 5px;
      line-height: 30px;
      border-radius: 20px; }
      .goods-details-pg .images-wrap .img-nav-num .swiper-pagination-current {
        font-size: 17px; }
      .goods-details-pg .images-wrap .img-nav-num em {
        font-size: 16px;
        font-style: normal; }
  .goods-details-pg .goods-title-wrap {
    background-color: #FFF;
    padding: 10px;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 2;
    border-bottom: 10px solid #f3f5f7; }
    .goods-details-pg .goods-title-wrap p {
      padding: 2px 0; }
    .goods-details-pg .goods-title-wrap .goods-title a {
      line-height: 20px;
      font-size: 16px;
      display: block;
      float: left;
      width: 100%;
      max-height: 40px;
      overflow: hidden;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      word-break: break-all; }
    .goods-details-pg .goods-title-wrap .goods-fea {
      color: #f23030;
      line-height: 20px;
      max-height: 40px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      word-break: break-all; }
    .goods-details-pg .goods-title-wrap .goods-label span {
      display: block;
      float: left;
      margin-right: 10px;
      padding: 3px 10px;
      color: #f23030;
      border: 1px solid #f23030;
      border-radius: 3px;
      font-size: 12px; }
    .goods-details-pg .goods-title-wrap .goods-price {
      color: #f23030;
      font-size: 20px;
      font-family: "Arial";
      font-weight: 600; }
      .goods-details-pg .goods-title-wrap .goods-price em {
        font-size: 12px;
        font-style: normal; }
  .goods-details-pg .goods-props {
    background-color: #FFF;
    padding: 10px;
    border-bottom: 10px solid #f3f5f7; }
    .goods-details-pg .goods-props .propsrow-wrap {
      line-height: 22px; }
      .goods-details-pg .goods-props .propsrow-wrap .attr-lbl {
        white-space: nowrap;
        text-align: left;
        padding: 0 8px 0 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #999;
        line-height: 30px; }
      .goods-details-pg .goods-props .propsrow-wrap .attr-val {
        padding: 0 5px; }
      .goods-details-pg .goods-props .propsrow-wrap label {
        padding: 0px 15px;
        border: 1px solid #d5d5d5;
        border-radius: 3px;
        margin-right: 10px;
        float: left;
        margin-bottom: 5px;
        min-width: 30px;
        margin-bottom: 5px;
        text-align: center; }
        .goods-details-pg .goods-props .propsrow-wrap label.props-choosen-item {
          border-color: #fff;
          color: #c7000a;
          padding-right: 0;
          padding-left: 1px;
          margin-right: 0; }
          .goods-details-pg .goods-props .propsrow-wrap label.props-choosen-item:after {
            display: inline;
            content: ',';
            color: #c7000a;
            margin-left: 5px; }
          .goods-details-pg .goods-props .propsrow-wrap label.props-choosen-item:last-child:after {
            content: ""; }
      .goods-details-pg .goods-props .propsrow-wrap input[type=radio] {
        display: none; }
    .goods-details-pg .goods-props span {
      display: block;
      padding: 0 8px 0 5px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      float: left; }
    .goods-details-pg .goods-props span.lbl {
      float: left;
      text-align: left; }
    .goods-details-pg .goods-props .active {
      color: #f23030;
      border-color: #f23030 !important; }
    .goods-details-pg .goods-props .attr-row {
      border-bottom: 1px solid #e3e3e3; }
    .goods-details-pg .goods-props .labelcl {
      display: block;
      float: left;
      color: #101010;
      height: 28px;
      width: 30px;
      line-height: 28px;
      margin-left: 5px; }
    .goods-details-pg .goods-props .chesen-wrap {
      display: block;
      float: left;
      line-height: 28px;
      color: #f23030; }
    .goods-details-pg .goods-props .goods-spinner {
      margin-top: 12px; }
      .goods-details-pg .goods-props .goods-spinner .lbl {
        float: left;
        line-height: 28px;
        color: #999; }
      .goods-details-pg .goods-props .goods-spinner .combox {
        float: right; }
        .goods-details-pg .goods-props .goods-spinner .combox button {
          width: 25px;
          height: 26px;
          outline: none;
          border: 1px solid #ccc;
          background-color: #FFF;
          float: left; }
        .goods-details-pg .goods-props .goods-spinner .combox .last {
          border-left: none;
          border-top-right-radius: 3px;
          border-bottom-right-radius: 3px;
          background: url("../images/spinner-add.png") center no-repeat;
          background-size: 15px; }
        .goods-details-pg .goods-props .goods-spinner .combox .first {
          border-right: none;
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px;
          background: url("../images/spinner-cut.png") center no-repeat;
          background-size: 15px; }
        .goods-details-pg .goods-props .goods-spinner .combox input {
          float: left;
          width: 50px;
          height: 24px;
          text-align: center;
          border: 1px solid #ccc;
          outline: none;
          border-radius: 0; }
    .goods-details-pg .goods-props .pre-sell-wrap {
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid #e3e3e3; }
      .goods-details-pg .goods-props .pre-sell-wrap .lbl {
        float: left;
        line-height: 24px;
        color: #FFF;
        background-color: #FF4A53;
        padding: 0 8px 0 5px;
        position: relative; }
        .goods-details-pg .goods-props .pre-sell-wrap .lbl::after {
          content: "";
          display: block;
          width: 0;
          height: 0;
          position: absolute;
          right: -5px;
          top: 50%;
          margin-top: -4px;
          border-top: 5px solid transparent;
          border-left: 5px solid #FF4A53;
          border-bottom: 5px solid transparent; }
      .goods-details-pg .goods-props .pre-sell-wrap span {
        line-height: 24px;
        margin-left: 5px; }
        .goods-details-pg .goods-props .pre-sell-wrap span em {
          font-style: inherit; }
    .goods-details-pg .goods-props .warning {
      float: left;
      color: #f23030;
      padding: 0 5px;
      border: none;
      margin-left: 10px; }
  .goods-details-pg div.buyer-area-wrap {
    height: 35px;
    background-color: #FFF;
    line-height: 35px;
    padding: 0 10px;
    border-bottom: 10px solid #f3f5f7;
    position: relative; }
    .goods-details-pg div.buyer-area-wrap::before {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      width: 30px;
      height: 35px;
      background-color: #f00;
      background: url("../images/arrow_r_g.png") center no-repeat;
      background-size: 8px; }
    .goods-details-pg div.buyer-area-wrap span.buyer-area {
      display: inline-block;
      margin: 0 10px 0 18px;
      position: relative;
      vertical-align: top; }
      .goods-details-pg div.buyer-area-wrap span.buyer-area::before {
        content: "";
        display: block;
        width: 12px;
        height: 32px;
        position: absolute;
        top: 0;
        left: -17px;
        background: url("../images/map_c.png") center no-repeat;
        background-size: contain; }
    .goods-details-pg div.buyer-area-wrap .stock-flag-yes {
      color: #f23030; }
    .goods-details-pg div.buyer-area-wrap .stock-flag-no {
      color: #999; }
  .goods-details-pg .goods-list {
    margin-top: 10px;
    margin-bottom: 50px;
    background-color: #FFF;
    width: 100%;
    text-align: center; }
    .goods-details-pg .goods-list ul {
      width: 100%; }
      .goods-details-pg .goods-list ul li {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        width: 21%; }
        .goods-details-pg .goods-list ul li .list-img-wrap {
          width: 100%;
          border: 1px solid #d5d5d5;
          overflow: hidden;
          margin: 0 auto; }
          .goods-details-pg .goods-list ul li .list-img-wrap img {
            width: 100%;
            height: 100%; }
        .goods-details-pg .goods-list ul li .list-title {
          height: 40px;
          line-height: 20px;
          font-size: 12px;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          word-break: break-all; }
        .goods-details-pg .goods-list ul li .list-price {
          color: #f23030;
          font-size: 16px;
          font-family: "Arial";
          font-weight: 600; }
          .goods-details-pg .goods-list ul li .list-price em {
            font-size: 12px;
            font-style: normal; }
  .goods-details-pg .btm-cart {
    width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.9;
    z-index: 3; }
    .goods-details-pg .btm-cart h5, .goods-details-pg .btm-cart h6 {
      font-weight: 400; }
    .goods-details-pg .btm-cart .buy-func, .goods-details-pg .btm-cart .buy-actions {
      width: 50%;
      display: flex;
      float: left; }
    .goods-details-pg .btm-cart .favorite,
    .goods-details-pg .btm-cart .cart,
    .goods-details-pg .btm-cart .btn-buy,
    .goods-details-pg .btm-cart .add-cart,
    .goods-details-pg .btm-cart .service {
      float: left;
      text-align: center;
      flex: 1; }
      .goods-details-pg .btm-cart .favorite h3,
      .goods-details-pg .btm-cart .favorite h4,
      .goods-details-pg .btm-cart .cart h3,
      .goods-details-pg .btm-cart .cart h4,
      .goods-details-pg .btm-cart .btn-buy h3,
      .goods-details-pg .btm-cart .btn-buy h4,
      .goods-details-pg .btm-cart .add-cart h3,
      .goods-details-pg .btm-cart .add-cart h4,
      .goods-details-pg .btm-cart .service h3,
      .goods-details-pg .btm-cart .service h4 {
        font-weight: 400; }
    .goods-details-pg .btm-cart .service {
      width: 10%;
      padding-top: 7px;
      position: relative;
      border-top: 1px solid #d5d5d5; }
      .goods-details-pg .btm-cart .service h6::before {
        content: "";
        display: block;
        width: 24px;
        height: 20px;
        margin: 0px auto 2px auto;
        background: url(../images/qq.png) no-repeat center;
        background-size: contain; }
    .goods-details-pg .btm-cart .favorite {
      width: 10%;
      padding-top: 7px;
      position: relative;
      border-top: 1px solid #d5d5d5; }
      .goods-details-pg .btm-cart .favorite h6::before {
        content: "";
        display: block;
        width: 24px;
        height: 20px;
        margin: 0px auto 2px auto;
        background: url(../images/fav-off.png) no-repeat center;
        background-size: contain; }
    .goods-details-pg .btm-cart .active {
      color: #f23030; }
      .goods-details-pg .btm-cart .active span.icon {
        background-position: -25px -165px; }
      .goods-details-pg .btm-cart .active h6::before {
        background: url(../images/fav-on.png) no-repeat center;
        background-size: cover; }
    .goods-details-pg .btm-cart .cart {
      width: 10%;
      padding-top: 7px;
      position: relative;
      border-top: 1px solid #d5d5d5; }
      .goods-details-pg .btm-cart .cart h6::before {
        content: "";
        display: block;
        width: 30px;
        height: 22px;
        margin: 0 auto;
        background: url(../images/cart.png) no-repeat center;
        background-size: contain; }
      .goods-details-pg .btm-cart .cart span.counts {
        position: absolute;
        display: block;
        font-size: 12px;
        padding: 0 5px;
        border: 1px solid #FFF;
        border-radius: 10px;
        top: 0px;
        left: 50%;
        background-color: #f23030;
        color: #FFF;
        transform: scale(0.7);
        line-height: 16px; }
    .goods-details-pg .btm-cart .btn-buy {
      width: 30%;
      line-height: 50px;
      color: #FFF;
      background-color: #f23030; }
    .goods-details-pg .btm-cart .add-cart {
      background-color: #feeaea;
      width: 30%;
      line-height: 50px; }
  .goods-details-pg .details-content,
  .goods-details-pg .details-parms {
    background: #FFF;
    height: 100%;
    box-sizing: border-box; }
  .goods-details-pg .details-content img {
    display: block;
    float: left; }
  .goods-details-pg .parms-wrap {
    background-color: #FFF;
    padding-top: 1px; }
    .goods-details-pg .parms-wrap table {
      width: 90%;
      margin: 20px auto 0 auto;
      border-collapse: collapse;
      table-layout: fixed;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      -khtml-user-select: none;
      user-select: none; }
      .goods-details-pg .parms-wrap table tr td,
      .goods-details-pg .parms-wrap table tr th {
        text-align: left;
        border: 1px solid #d5d5d5;
        line-height: 30px;
        padding-left: 10px; }
      .goods-details-pg .parms-wrap table tr th {
        background-color: #f3f5f7;
        font-size: 14px; }
      .goods-details-pg .parms-wrap table tr td {
        overflow: hidden;
        line-height: 20px; }
  .goods-details-pg .service-qq-bg {
    background-color: #000;
    opacity: .3;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9; }
  .goods-details-pg .service-qq-content {
    height: auto;
    min-height: 100px;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10; }
    .goods-details-pg .service-qq-content ul {
      margin-top: 15px; }
    .goods-details-pg .service-qq-content li {
      margin-bottom: 15px;
      position: relative;
      display: flex; }
      .goods-details-pg .service-qq-content li .ico-wrap {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 40px;
        background: url(/images/qq-color.png) center no-repeat;
        background-size: 20px;
        border: 1px solid #ddd;
        margin: 0 10px; }
      .goods-details-pg .service-qq-content li .right-wrap {
        flex: 1;
        border-bottom: 1px solid #ddd; }
      .goods-details-pg .service-qq-content li a {
        display: inline-block;
        line-height: 40px;
        color: #333;
        position: relative; }
      .goods-details-pg .service-qq-content li .btn-copy {
        float: right;
        margin-right: 20px;
        outline: none;
        background: #fff;
        border: 1px solid #ddd;
        padding: 3px 10px;
        border-radius: 3px;
        margin-top: 5px; }
      .goods-details-pg .service-qq-content li .serviceqq-ico {
        display: inline-block;
        vertical-align: middle;
        background: url(/images/sicon-qq.png) no-repeat;
        background-size: contain;
        margin-right: 5px;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 8px;
        left: 48px; }

#cart-pg .main {
  padding-bottom: 70px; }
  #cart-pg .main .goods-spinner {
    float: left;
    width: 45%; }
    #cart-pg .main .goods-spinner label {
      float: left; }
    #cart-pg .main .goods-spinner button {
      width: 20px;
      height: 24px;
      outline: none;
      border: 1px solid #d5d5d5;
      background-color: #FFF;
      float: left; }
    #cart-pg .main .goods-spinner .last {
      border-left: none;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    #cart-pg .main .goods-spinner .first {
      border-right: none;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    #cart-pg .main .goods-spinner input {
      float: left;
      width: 25px;
      height: 22px;
      text-align: center;
      border: 1px solid #d5d5d5;
      outline: none;
      border-radius: 0; }
  #cart-pg .main table {
    width: 100%;
    margin: 15px auto;
    border-collapse: collapse;
    table-layout: fixed; }
    #cart-pg .main table input[type=checkbox] {
      position: relative;
      top: 2px;
      margin-left: 5px;
      display: none; }
    #cart-pg .main table .chkbx {
      display: block;
      float: left;
      margin-top: 3px;
      width: 36px;
      height: 21px;
      background: url(../images/sprite_n.png) no-repeat 7px -114px; }
    #cart-pg .main table tr {
      border-top: 1px solid #d5d5d5;
      border-bottom: 1px solid #d5d5d5; }
    #cart-pg .main table td {
      text-align: left;
      padding: 10px 0; }
      #cart-pg .main table td .img-wrap {
        width: 80px;
        height: 80px;
        border: 1px solid #d5d5d5;
        position: relative; }
        #cart-pg .main table td .img-wrap .soff-shelf {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          height: 20px;
          line-height: 20px;
          color: #fff;
          font-size: 12px;
          text-align: center;
          z-index: 9;
          background-color: rgba(0, 0, 0, 0.4); }
        #cart-pg .main table td .img-wrap img {
          width: 100%;
          height: 100%; }
      #cart-pg .main table td a.order-title {
        display: block;
        line-height: 16px;
        height: 32px;
        overflow: hidden;
        padding-right: 10px;
        font-size: 0.9em; }
      #cart-pg .main table td span.attrs {
        display: block;
        color: #bbb;
        line-height: 20px;
        width: 90%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 12px; }
      #cart-pg .main table td .price-wrap {
        position: relative;
        margin-top: 5px; }
      #cart-pg .main table td .price {
        float: left;
        width: 35%;
        font-size: 14px;
        color: #f02030;
        margin-right: 5px; }
        #cart-pg .main table td .price em {
          font-size: 12px;
          font-style: normal; }
      #cart-pg .main table td .counts {
        line-height: 20px;
        margin-left: 20px;
        font-size: 12px;
        color: #666; }
      #cart-pg .main table td .stock-flag {
        font-size: 12px;
        margin-left: 20px; }
      #cart-pg .main table td .lack {
        color: #eb0000; }
      #cart-pg .main table td .del-ico {
        display: block;
        float: right;
        width: 10%;
        height: 16px;
        margin-right: 10px;
        margin-top: 7px;
        background: url(../images/sprite_n.png) no-repeat 0px -135px; }
    #cart-pg .main table th {
      text-align: left;
      background-color: #f3f5f7;
      border-top: 1px solid #d5d5d5;
      border-bottom: 1px solid #d5d5d5;
      font-size: 16px;
      font-weight: 400;
      padding: 8px 0; }
      #cart-pg .main table th span.chkout {
        margin-left: 10px; }
      #cart-pg .main table th .store-character {
        color: #eb0000;
        font-size: 12px;
        display: inline-block;
        margin: 3px 10px;
        border: 1px solid #eb0000;
        border-radius: 3px; }
#cart-pg .btm-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 45px;
  border-top: 1px solid #d5d5d5;
  background-color: #FFF;
  width: 100%; }
  #cart-pg .btm-bar .shopping {
    float: left;
    width: 60px;
    height: 45px;
    border-right: 1px solid #d5d5d5;
    padding-top: 5px; }
    #cart-pg .btm-bar .shopping h3 {
      line-height: 18px;
      font-size: 14px;
      text-align: center;
      font-weight: 400; }
  #cart-pg .btm-bar .total-accout {
    margin-left: 60px;
    margin-right: 120px;
    color: #f02030; }
    #cart-pg .btm-bar .total-accout h4 {
      text-align: center;
      line-height: 45px;
      font-weight: 400;
      white-space: nowrap; }
      #cart-pg .btm-bar .total-accout h4 span {
        font-size: 14px;
        font-weight: 600; }
        #cart-pg .btm-bar .total-accout h4 span em {
          font-size: 12px;
          font-style: normal; }
  #cart-pg .btm-bar .check {
    float: right;
    width: 120px;
    height: 100%;
    line-height: 45px;
    margin-top: 0; }
    #cart-pg .btm-bar .check a {
      display: block;
      text-align: center;
      font-size: 16px;
      background-color: #f02030;
      color: #FFF; }
#cart-pg .receiver-info {
  position: relative;
  width: 100%;
  /*height: 70px;*/
  border-bottom: 15px solid #f3f5f7; }
  #cart-pg .receiver-info:after {
    width: 100%;
    height: 2px;
    display: block;
    content: '';
    background: url("../images/checkout-line.png") repeat-x 80%; }
  #cart-pg .receiver-info > a {
    display: block;
    padding: 5px 0 10px 0; }
  #cart-pg .receiver-info + hr {
    height: 1px;
    width: 100%;
    background-color: #eaeaea;
    border: none; }
  #cart-pg .receiver-info .contacts {
    padding-left: 30px;
    line-height: 30px;
    font-weight: 600; }
    #cart-pg .receiver-info .contacts span {
      margin-right: 10px;
      font-size: 16px; }
    #cart-pg .receiver-info .contacts label {
      font-weight: 400;
      display: inline-block;
      line-height: 15px;
      font-size: 12px;
      background-color: #f02030;
      color: #FFF;
      padding: 1px 5px;
      text-align: center;
      margin-top: 6px;
      vertical-align: top; }
  #cart-pg .receiver-info .addr-details {
    position: relative;
    padding-left: 30px;
    margin-top: 5px;
    width: 80%;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    #cart-pg .receiver-info .addr-details::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      float: left;
      width: 30px;
      height: 17px;
      margin-top: 2px;
      background: url(../images/sprite_n.png) no-repeat 16px -218px; }
  #cart-pg .receiver-info .change-addr {
    display: block;
    width: 30px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 20px;
    line-height: 60px;
    text-align: center;
    background: url(../images/sprite_n.png) no-repeat 10px -18px; }
#cart-pg .my-coupon {
  line-height: 36px;
  font-size: 13px;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD; }
  #cart-pg .my-coupon a {
    display: block; }
  #cart-pg .my-coupon p {
    float: left;
    color: #3c3c3c;
    padding-left: 10px;
    font-size: 14px;
    width: 100px; }
  #cart-pg .my-coupon span {
    float: right;
    color: #b1b1b1; }
  #cart-pg .my-coupon .coupon-counts {
    color: #eb0000;
    font-style: normal;
    margin: 0 3px; }
  #cart-pg .my-coupon .arrow-right {
    display: inline-block;
    width: 8px;
    height: 14px;
    background: url(../images/t-icons-gray-right.png);
    background-size: contain;
    vertical-align: sub;
    margin-left: 5px;
    margin-right: 10px; }
#cart-pg .total-wrap {
  position: fixed;
  bottom: 50px;
  width: 100%;
  background-color: #FFF; }
  #cart-pg .total-wrap hr {
    height: 1px;
    width: 100%;
    background-color: #eaeaea;
    border: 0; }
  #cart-pg .total-wrap .total-body {
    float: right;
    padding: 5px;
    text-align: right;
    line-height: 22px; }
  #cart-pg .total-wrap h4 {
    font-size: 14px;
    font-weight: 400; }
  #cart-pg .total-wrap h5 {
    font-size: 13px;
    font-weight: 400; }
#cart-pg .chkout-btm-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #FFF;
  height: 50px;
  border-top: 1px solid #d5d5d5;
  width: 100%; }
  #cart-pg .chkout-btm-bar .total-accout {
    float: left;
    width: 60%;
    color: #f02030; }
    #cart-pg .chkout-btm-bar .total-accout h4 {
      text-align: center;
      line-height: 50px;
      font-weight: 400; }
      #cart-pg .chkout-btm-bar .total-accout h4 span {
        font-size: 14px;
        font-weight: 600; }
        #cart-pg .chkout-btm-bar .total-accout h4 span em {
          font-size: 12px;
          font-style: normal; }
  #cart-pg .chkout-btm-bar .check {
    float: right;
    width: 40%;
    height: 100%;
    line-height: 50px;
    margin-top: 0; }
    #cart-pg .chkout-btm-bar .check a {
      display: block;
      text-align: center;
      font-size: 16px;
      background-color: #f02030;
      color: #FFF; }

.agreement-wrap {
  width: 80%;
  margin: 0 auto;
  text-align: justify; }
  .agreement-wrap p {
    text-indent: 2em;
    font-size: 13px;
    line-height: 28px; }
  .agreement-wrap .txt-warning {
    color: #ff3318; }
  .agreement-wrap h3 {
    text-align: center; }

.loading {
  position: fixed;
  top: 60%;
  left: 50%;
  margin-left: -15px;
  width: 30px;
  height: 30px;
  background: url(/images/loading.gif) center no-repeat; }

.empty-pg .img-wrap {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  margin-top: 25%; }
.empty-pg h2 {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #999; }
.empty-pg .btn-back {
  display: block;
  width: 12rem;
  height: 3rem;
  line-height: 3rem;
  margin: 20px auto 0;
  border: 1px solid #3faaee;
  text-align: center;
  color: #3faaee;
  border-radius: 2rem; }

#cart-pg table.order-confirm-goods {
  margin-top: 0; }
  #cart-pg table.order-confirm-goods:last-of-type {
    margin-bottom: 0; }
  #cart-pg table.order-confirm-goods th {
    background-color: #fff; }
  #cart-pg table.order-confirm-goods .img-wrap {
    margin: 0 auto; }
  #cart-pg table.order-confirm-goods .total-body {
    padding: 10px; }
#cart-pg .total-wrap .order-confirm-total {
  padding: 10px; }
#cart-pg .order-confirm-coupon {
  border-top: 15px solid #f3f5f7; }
